market/src/components/atoms/Button.stories.tsx

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

export default {
  title: 'Atoms/Button'
}

export const Default = () => (
  <>
    <Button onClick={action('clicked')}>Hello Button</Button>
    <br />
    <br />
    <Button size="small" onClick={action('clicked')}>
      Hello Button
    </Button>
  </>
)

export const Primary = () => (
  <>
    <Button style="primary" onClick={action('clicked')}>
      Hello Button
    </Button>
    <br />
    <br />
    <Button style="primary" size="small" onClick={action('clicked')}>
      Hello Button
    </Button>
  </>
)

export const Ghost = () => (
  <>
    <Button style="ghost" onClick={action('clicked')}>
      Hello Button
    </Button>
    <br />
    <br />
    <Button style="ghost" size="small" onClick={action('clicked')}>
      Hello Button
    </Button>
  </>
)

export const Text = () => (
  <>
    <Button style="text" onClick={action('clicked')}>
      Hello Button
    </Button>
    <br />
    <br />
    <Button style="text" size="small" onClick={action('clicked')}>
      Hello Button
    </Button>
  </>
)