import React from 'react'
import { Story, Meta } from '@storybook/react'
import { Spinner, SpinnerProps } from './Spinner'

export default {
  title: 'Feedback indicators/Spinner',
  component: Spinner,
  argTypes: {
    size: {
      name: 'size',
      description: 'Spinner size',
      type: { name: 'string', required: false },
      control: {
        type: 'select',
        options: ['small', 'large']
      }
    }
  }
} as Meta

const Template: Story<SpinnerProps> = (args: any) => {
  return <Spinner {...args}></Spinner>
}

export const Default = Template.bind({})
