Switch

import { Field, FieldDescription } from '@/components/ui/field'
import { Label } from '@/components/ui/label'
import { Switch } from '@/components/ui/switch'

export default function SwitchBasic() {
  return (
    <div className="flex max-w-sm flex-col gap-4">
      <Field>
        <Label className="justify-between">
          Two-factor authentication
          <Switch name="twoFactor" defaultChecked />
        </Label>
        <FieldDescription>Ask for a code when signing in on a new device.</FieldDescription>
      </Field>
      <Field>
        <Label className="justify-between">
          Weekly digest
          <Switch name="digest" />
        </Label>
      </Field>
    </div>
  )
}