"use client"

import { coModalHeadListExport } from "@/app/store/matDmd/coMatRvw/headList";
import { yearOptions } from "@/components/lib/func/commom"
import { SelectBox, UiTable } from "@common/business_components/ui"
import { Label } from "@common/components/ui"
import { useState } from "react";

export function CoMatModal({ data }: { data: [] }) {
    const [year, setYear] = useState<string>(String(new Date().getFullYear()));
    return (
        <>
        <h3 className="mt-4 ml-2 text-2xl font-medium text-label">요율표 보기</h3>
        <hr/>
            <div className="flex items-center">
                <Label className="text-xl text-gray-600">기준년도</Label>
                <SelectBox
                    className="h-full text-2xl"
                    label=""
                    selectClass={"ml-4"}
                    selectArray={yearOptions}
                    value={year}
                    onSelectValue={(val: string | number) => setYear(String(val))} />
            </div>
            <UiTable
                headName={""}
                tableData={[]}
                headlist={coModalHeadListExport}
                onPageChange={() => { }} pageSize={0} total={0} cellClick={undefined} />
        </>
    )
}