import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';

import { Tag } from './Tag';

<Meta
  title="atoms/Tag"
  component={Tag}
  parameters={{ actions: { argTypesRegex: '^on.*' } }}
  argTypes={{
    type: {
      control: {
        type: 'select',
        options: ['success', 'info', 'action', 'warning', 'error', 'clear']
      }
    }
  }}
/>

# Tag

Tags!

<Canvas>
  <Story name="Default" args={{ children: 'Default', type: 'info' }}>
    {(props) => <Tag {...props}>{props.children}</Tag>}
  </Story>
</Canvas>