import {
  Meta,
  Story,
  Canvas,
  ArgsTable,
  Title,
  Subtitle,
  Controls,
} from '@storybook/addon-docs/blocks'
import * as ButtonIconStories from './ButtonIcon.stories'
import { LifecycleTag } from '../../docs/components/LifecycleTag'

<Meta title="Blocks/ButtonIcon" of={ButtonIconStories} />

<Title>Button Icon</Title>
<Subtitle>
  A compact button for icons, available in several variants and sizes.
</Subtitle>
<LifecycleTag variant="Stable" />

<Canvas of={ButtonIconStories.Default} layout="padded" sourceState="shown" />
<Controls />

## Variants

### Default

<Canvas of={ButtonIconStories.DefaultVariant} sourceState="shown" />

### Ghost

<Canvas of={ButtonIconStories.GhostVariant} sourceState="shown" />