RadioGroup

<RadioGroup
  items={[
    { value: "apple", label: "사과" },
    { value: "banana", label: "바나나" },
    { value: "orange", label: "오렌지" },
  ]}
  defaultValue="apple"
/>

<RadioGroup defaultValue="opt1">
  <label className="flex items-center gap-2 cursor-pointer">
    <RadioGroupItem value="opt1" />
    <span className="text-sm">옵션 1</span>
  </label>
  <label className="flex items-center gap-2 cursor-pointer">
    <RadioGroupItem value="opt2" />
    <span className="text-sm">옵션 2</span>
  </label>
</RadioGroup>

<RadioGroup items={items} size="xs" defaultValue="a" />
<RadioGroup items={items} size="sm" defaultValue="a" />
<RadioGroup items={items} size="md" defaultValue="a" />
<RadioGroup items={items} size="lg" defaultValue="a" />
<RadioGroup items={items} size="xl" defaultValue="a" />

{/* 전체 비활성 */}
<RadioGroup items={items} disabled defaultValue="apple" />
 
{/* 개별 항목 비활성 */}
<RadioGroup
  items={[
    { value: "a", label: "선택 가능" },
    { value: "b", label: "비활성", disabled: true },
    { value: "c", label: "선택 가능" },
  ]}
  defaultValue="a"
/>

<RadioGroup items={items} readOnly defaultValue="banana" />

<RadioGroup items={items} label="과일 선택" required defaultValue="apple" />
<RadioGroup items={items} label="에러 표시" error="필수 선택 항목입니다" />

<RadioGroup items={items} backgroundColor="#7c3aed" defaultValue="a" />
<RadioGroup items={items} borderColor="#e8553d" defaultValue="a" />
<RadioGroup items={items} color="#16a34a" defaultValue="a" />