import { Meta, Story } from '@storybook/addon-docs/blocks';
import { action } from '@storybook/addon-actions';
import { Button } from './Button';

<Meta title="Docs/Button" component={Button} />

# Button

This `Button` document defines two stories:

<Story name="text">
  <Button onClick={action('clicked')}>Hello Button</Button>
</Story>

<Story name="emoji">
  <Button onClick={action('clicked')}>
    <span role="img" aria-label="so cool">
      😀 😎 👍 💯
    </span>
  </Button>
</Story>
