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

<Meta of={LabelStories} />

<Title />
<Subtitle>An accessible label component for form inputs.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Accessibility Link** — Always provide a valid `htmlFor` prop that matches the `id` of the associated input element.
> - **Mandatory** — Never omit labels for form inputs; they are required for both UX and accessibility.