29 lines
971 B
TypeScript
29 lines
971 B
TypeScript
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; |