import React from 'react';
import { action } from 'storybook/actions';
import { States } from '../../utilities';
import { Tag, TagProps } from './Tag';

export default { title: 'Components/Tag' };

export const Default = () => (
  <States<TagProps> states={[{}, { disabled: true }]}>
    <Tag onRemove={() => action('removed')}>Label</Tag>
  </States>
);