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

import { Pill } from './Pill'

<Meta title="WIP/Pill/Primary" component={Pill} />

export const Template = (args) => <Pill {...args} onPress={() => void 0} />

# `Pill`

<Canvas>
  <Story
    name="default"
    args={{
      label: 'Your tokens',
      borderColor: 'sporeBlack',
    }}>
    {Template.bind({})}
  </Story>
</Canvas>

<ArgsTable story="default" />
