سوییچ (Switch)

import { Switch } from '@parto-system-design/ui';
import { Label } from '@parto-system-design/ui';

export default function MyComponent() {
  return (
    <div className="flex items-center gap-2">
      <Switch id="airplane-mode" />
      <Label htmlFor="airplane-mode">حالت هواپیما</Label>
    </div>
  );
}

<div className="flex items-center gap-4">
  <Switch size="small" />
  <Switch size="medium" />
  <Switch size="large" />
</div>

<Switch size="small" />

<Switch size="medium" />
// یا
<Switch />

<Switch size="large" />

<Switch disabled />
<Switch disabled defaultChecked />

const [checked, setChecked] = React.useState(false);

<Switch checked={checked} onCheckedChange={setChecked} />