سلکت بومی (Native Select)

import { NativeSelect, NativeSelectOption } from '@parto-system-design/ui'

export default function MyComponent() {
  return (
    <NativeSelect>
      <NativeSelectOption value="">انتخاب کنید</NativeSelectOption>
      <NativeSelectOption value="1">گزینه ۱</NativeSelectOption>
      <NativeSelectOption value="2">گزینه ۲</NativeSelectOption>
      <NativeSelectOption value="3">گزینه ۳</NativeSelectOption>
    </NativeSelect>
  )
}

<NativeSelect>
  <NativeSelectOptGroup label="گروه اول">
    <NativeSelectOption value="1">گزینه ۱</NativeSelectOption>
    <NativeSelectOption value="2">گزینه ۲</NativeSelectOption>
  </NativeSelectOptGroup>
  <NativeSelectOptGroup label="گروه دوم">
    <NativeSelectOption value="3">گزینه ۳</NativeSelectOption>
    <NativeSelectOption value="4">گزینه ۴</NativeSelectOption>
  </NativeSelectOptGroup>
</NativeSelect>

<NativeSelect disabled>
  <NativeSelectOption>غیرفعال</NativeSelectOption>
</NativeSelect>

<NativeSelect aria-invalid="true">
  <NativeSelectOption>انتخاب کنید</NativeSelectOption>
</NativeSelect>

<div className="flex flex-col gap-4" dir="rtl">
  <NativeSelect>
    <NativeSelectOption value="">انتخاب کنید...</NativeSelectOption>
    <NativeSelectOption value="1">گزینه اول</NativeSelectOption>
  </NativeSelect>
  <NativeSelect disabled>
    <NativeSelectOption>غیرفعال</NativeSelectOption>
  </NativeSelect>
  <NativeSelect aria-invalid="true">
    <NativeSelectOption>با خطا</NativeSelectOption>
  </NativeSelect>
</div>