text: import React from 'react';
  
  import Button from '../components/Button';
  
  export default {
    title: 'Example/Button',
    component: Button,
    argTypes: {
      backgroundColor: { control: 'color' },
    },
  };
  
  // eslint-disable-next-line react/jsx-props-no-spreading
  const Template = (args) => <Button {...args} />;
  
  export const Primary = Template.bind({});
  Primary.args = {
    primary: true,
    label: 'Button',
  };
  
  export const Secondary = Template.bind({});
  Secondary.args = {
    label: 'Button',
  };
  
  export const Large = Template.bind({});
  Large.args = {
    size: 'large',
    label: 'Button',
  };
  
  export const Small = Template.bind({});
  Small.args = {
    size: 'small',
    label: 'Button',
  };
  