<Checkbox label="이용약관" checked={checked} onChange={...} />

<Checkbox label="기본 체크" checked={true} onChange={...} />

<Checkbox checked={checked} onChange={...} />

<Checkbox label="비활성화" disabled />

<Checkbox label="체크 비활성" checked disabled />

<Checkbox label="에러 상태" error="필수 항목입니다." />

<Checkbox label="도움말 포함" helperText="선택 사항입니다." />

const [agreeTerms, setAgreeTerms] = useState(false);
const [agreeMarketing, setAgreeMarketing] = useState(false);
const [agreePrivacy, setAgreePrivacy] = useState(false);

<div className="space-y-3">
  <Checkbox 
    label="이용약관 동의 (필수)" 
    checked={agreeTerms}
    onChange={(e) => setAgreeTerms(e.target.checked)}
    error={!agreeTerms ? "필수 항목입니다." : undefined}
  />
  <Checkbox 
    label="개인정보 처리방침 동의 (필수)" 
    checked={agreePrivacy}
    onChange={(e) => setAgreePrivacy(e.target.checked)}
    error={!agreePrivacy ? "필수 항목입니다." : undefined}
  />
  <Checkbox 
    label="마케팅 정보 수신 동의 (선택)" 
    checked={agreeMarketing}
    onChange={(e) => setAgreeMarketing(e.target.checked)}
    helperText="이벤트 및 프로모션 정보를 받아보실 수 있습니다."
  />
</div>