import React from 'react';
import { StoryFn, Meta } from '@storybook/react';

import { Spinner, SpinnerProps } from './Spinner';

export default {
  title: 'Global/Spinner',
  component: Spinner,
} as Meta<typeof Spinner>;

const Template: StoryFn<SpinnerProps> = (args: SpinnerProps) => <Spinner {...args} />;

export const Default = Template.bind({});
Default.args = {};

export const Large = Template.bind({});
Large.args = {
  ...Default.args,
  size: 'md',
};

export const Custom = Template.bind({});
Custom.args = {
  ...Default.args,
  className: 'text-blue-300 m-3',
};