import React from 'react';
import { Button } from '.';
import { action } from '@storybook/addon-actions';

export default {
  title: 'Button',
  component: Button,
};

export const Default = () => (
  <Button onClick={action('Clicked')}>Click me</Button>
);
export const Variants = () => (
  <>
    <Button variant="primary">primary</Button>
    <Button variant="secondary">secondary</Button>
    <Button variant="ghost">ghost</Button>
    <Button variant="ghostSecondary">ghostSecondary</Button>
    <Button variant="raw">raw</Button>
    <Button variant="light">light</Button>
    <Button variant="gray">Gray</Button>
  </>
);
