import type React from "react";

import { buttonVariants, Checkbox, cn } from "@common/components";

interface NotApplicableCheckButtonProp {
    isCheck: boolean;
    setIsCheck: React.Dispatch<React.SetStateAction<boolean>>;
}

const NotApplicableCheckButton = ({ isCheck, setIsCheck }: NotApplicableCheckButtonProp) => {

    const handleCheckChange = (value: boolean) => {
        setIsCheck(value);
    };

    return (
        <div className={cn(buttonVariants({ variant: "default", size: "default" }), "w-[124px] bg-[#ebebeb] border border-[#999] text-[rgb(146 146 146)] text-opacity-100")}>
            <label htmlFor="notApplicable">해당사항 없음</label>
            <Checkbox 
                id="notApplicable"
                className="!border-[#999] data-[state=checked]:!bg-[#999]"
                checked={isCheck}
                onCheckedChange={handleCheckChange} 
            />
        </div>
    );
};

export default NotApplicableCheckButton;