"use client";
import { useState } from "react";
import { CheckboxGroup, CheckboxItem } from "@/registry/radix/checkbox-group";
const items = ["자료 정리","화면 구성","움직임 조정","키보드 점검","기록 작성"];
export default function AuthorCheckboxVariant() {
  const [checked, setChecked] = useState<Set<number>>(new Set([0,2]));
  return <CheckboxGroup className="w-80 max-w-full" checkedIndices={checked}>{items.map((label, index) => <CheckboxItem key={label} index={index} label={label} checked={checked.has(index)} onToggle={() => setChecked(previous => { const next = new Set(previous); if (next.has(index)) next.delete(index); else next.add(index); return next; })} />)}</CheckboxGroup>;
}