import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Canvas } from '@storybook/addon-docs/blocks';
import * as CheckboxStories from './checkbox.stories';

<Meta of={CheckboxStories} />

<Title />
<Subtitle>A binary toggle for selecting one or multiple options.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Explicit Binding** — When using with React Hook Form, bind `checked` and `onCheckedChange` explicitly instead of spreading `{...field}`.
> - **Accessibility** — Always pair with a `Label` linked via `id` and `htmlFor`.
> - **Choice Type** — Use checkboxes for independent choices. For mutually exclusive options, use `RadioGroup`.