import React from 'react'
import { ComponentStory, ComponentMeta } from '@storybook/react'
import SpinnerComponent from '../components/Spinner'

export default {
  title: 'Controls/Spinner',
  component: SpinnerComponent
} as ComponentMeta<typeof SpinnerComponent>

const Template: ComponentStory<typeof SpinnerComponent> = (args) => (
  <SpinnerComponent {...args} />
)

export const Spinner = Template.bind({})
Spinner.args = {
  color: '#f51',
  width: '4rem',
  height: '4rem',
  border: 5
}

export const PageLoader = Template.bind({})
PageLoader.args = {
  pageLoader: true
}
