import React from 'react';
import { ButtonLarge } from '.';

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

export const Default = () => <ButtonLarge>Click me</ButtonLarge>;
export const Variants = () => (
  <>
    <ButtonLarge variant="primary">primary</ButtonLarge>
    <ButtonLarge variant="secondary">secondary</ButtonLarge>
    <ButtonLarge variant="ghost">ghost</ButtonLarge>
    <ButtonLarge variant="ghostSecondary">ghostSecondary</ButtonLarge>
    <ButtonLarge variant="raw">raw</ButtonLarge>
    <ButtonLarge variant="light">light</ButtonLarge>
    <ButtonLarge variant="gray">Gray</ButtonLarge>
  </>
);
