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

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

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