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

<Meta of={SkeletonStories} />

<Title />
<Subtitle>Used to show a placeholder while content is loading.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Shape Matching** — Match the skeleton dimensions as closely as possible to the final content.
> - **Animation** — Skeleton components include a subtle pulse animation by default.