import {
  Meta,
  Canvas,
  Source,
  Primary,
  Controls,
  Title,
  Description,
} from "@storybook/addon-docs/blocks";

import * as stories from "./switch.stories";

<Meta of={stories} />

```ts
import { SwitchModule } from "@bitwarden/components";
```

<Title />
<Description />

NOTE: The switch component will span 100% of the width of its container. These stories have a
container with a `max-width` of 600px

<Primary />
<Controls />

## Stories

### Default

<Canvas of={stories.Default} />

### Used with a from

<Canvas of={stories.WithForm} />

### With Long Label

<Canvas of={stories.WithLongLabel} />

### Disabled

<Canvas of={stories.Disabled} />
