<Radio label="무료 플랜" name="plan" value="free" checked={plan === "free"} onChange={...} />

<Radio label="프로 플랜" name="plan" value="pro" checked={plan === "pro"} onChange={...} />

<Radio label="엔터프라이즈" name="plan" value="enterprise" checked={plan === "enterprise"} onChange={...} />

<Radio label="비활성화" name="group" disabled />

<Radio label="체크 비활성" name="group" checked disabled />

<Radio label="에러 상태" name="group" error="..." />

<Radio label="도움말 포함" name="group" helperText="..." />

const [notification, setNotification] = useState('email');
const [theme, setTheme] = useState('');

<div className="space-y-6">
  <div>
    <h4 className="text-sm font-semibold mb-3">알림 수신 방법</h4>
    <div className="space-y-2">
      <Radio 
        label="이메일" 
        name="notification"
        value="email"
        checked={notification === 'email'}
        onChange={(e) => setNotification(e.target.value)}
        helperText="이메일로 알림을 받습니다."
      />
      <Radio 
        label="SMS" 
        name="notification"
        value="sms"
        checked={notification === 'sms'}
        onChange={(e) => setNotification(e.target.value)}
        helperText="문자 메시지로 알림을 받습니다."
      />
      <Radio 
        label="푸시 알림" 
        name="notification"
        value="push"
        checked={notification === 'push'}
        onChange={(e) => setNotification(e.target.value)}
        helperText="앱 푸시 알림으로 받습니다."
      />
    </div>
  </div>

  <div>
    <h4 className="text-sm font-semibold mb-3">테마 선택 (필수)</h4>
    <div className="space-y-2">
      <Radio 
        label="라이트 모드" 
        name="theme"
        value="light"
        checked={theme === 'light'}
        onChange={(e) => setTheme(e.target.value)}
        error={!theme ? "테마를 선택해주세요." : undefined}
      />
      <Radio 
        label="다크 모드" 
        name="theme"
        value="dark"
        checked={theme === 'dark'}
        onChange={(e) => setTheme(e.target.value)}
        error={!theme ? "테마를 선택해주세요." : undefined}
      />
    </div>
  </div>
</div>