Select

<Select
  label="차트 유형"
  labelWidth={80}
  placeholder="선택하세요"
  items={[
    { value: "bar", label: "바 차트" },
    { value: "line", label: "라인 차트" },
    { value: "pie", label: "파이 차트" },
  ]}
/>

<Select
  label="메트릭"
  labelWidth={80}
  placeholder="메트릭 선택"
  items={[
    { group: "트래픽", value: "pageviews", label: "페이지뷰" },
    { group: "트래픽", value: "sessions", label: "세션" },
    { group: "매출", value: "revenue", label: "매출" },
    { group: "매출", value: "arpu", label: "ARPU" },
  ]}
/>

<Select size="xs" label="XS" labelWidth={80} items={[...]} placeholder="Extra Small" />
<Select size="sm" label="SM" labelWidth={80} items={[...]} placeholder="Small" />
<Select size="md" label="MD" labelWidth={80} items={[...]} placeholder="Medium" />
<Select size="lg" label="LG" labelWidth={80} items={[...]} placeholder="Large" />
<Select size="xl" label="XL" labelWidth={80} items={[...]} placeholder="Extra Large" />

<Select label="기본" labelWidth={80} placeholder="선택하세요" items={[...]} />
<Select label="비활성화" labelWidth={80} placeholder="비활성화" disabled items={[...]} />
<Select label="읽기 전용" labelWidth={80} readOnly defaultValue="a" items={[...]} />
<Select label="에러" labelWidth={80} required error="지표를 선택해주세요" items={[...]} />
<Select label="클리어 불가" labelWidth={80} clearable={false} defaultValue="a" items={[...]} />

<Select
  label="과일 선택"
  labelWidth={100}
  required
  placeholder="필수 항목"
  items={[
    { value: "apple", label: "사과" },
    { value: "banana", label: "바나나" },
  ]}
/>
<Select
  label="과일 선택"
  required
  orientation="vertical"
  placeholder="세로 배치 필수"
  items={[...]}
/>

<Select
  label="읽기 전용"
  labelWidth={100}
  readOnly
  defaultValue="apple"
  items={[
    { value: "apple", label: "사과" },
    { value: "banana", label: "바나나" },
  ]}
/>
<Select
  label="값 없음"
  labelWidth={100}
  readOnly
  placeholder="선택된 값이 없습니다"
  items={[...]}
/>

<Select
  label="과일 선택"
  labelWidth={100}
  required
  error="필수 선택 항목입니다"
  placeholder="선택하세요"
  items={[
    { value: "apple", label: "사과" },
    { value: "banana", label: "바나나" },
  ]}
/>

<Select
  label="Horizontal"
  labelWidth={100}
  placeholder="가로 배치 (기본)"
  orientation="horizontal"
  items={[...]}
/>
<Select
  label="Vertical"
  placeholder="세로 배치"
  orientation="vertical"
  items={[...]}
/>
<Select
  label="설명 포함"
  labelWidth={100}
  description="항목을 하나 선택해 주세요"
  placeholder="선택하세요"
  items={[...]}
/>

<Select
  label="초기화 가능"
  labelWidth={100}
  clearable
  defaultValue="apple"
  items={[...]}
/>
<Select
  label="초기화 불가"
  labelWidth={100}
  clearable={false}
  defaultValue="banana"
  items={[...]}
/>

<Select
  label="옵션 선택"
  labelWidth={100}
  placeholder="선택하세요"
  items={[
    { value: "apple", label: "사과" },
    { value: "banana", label: "바나나 (품절)", disabled: true },
    { value: "orange", label: "오렌지" },
    { value: "grape", label: "포도 (품절)", disabled: true },
  ]}
/>

<Select
  label="주요 지표"
  labelWidth={80}
  placeholder="지표를 선택하세요"
  items={[
    { group: "트래픽", value: "pageviews", label: "페이지뷰" },
    { group: "트래픽", value: "sessions", label: "세션" },
    { group: "매출", value: "revenue", label: "매출" },
    { group: "매출", value: "arpu", label: "ARPU" },
  ]}
/>
<Select
  label="기간"
  labelWidth={80}
  defaultValue="30d"
  clearable={false}
  items={[
    { value: "7d", label: "최근 7일" },
    { value: "30d", label: "최근 30일" },
    { value: "90d", label: "최근 90일" },
  ]}
/>