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

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: 'UI elements / Spinner',
  component: Spinner,
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
  argTypes: {
    variant: {defaultValue: 'primary', control:{ type:"select", options:["default", "primary", "secondary"]}},
    size: {defaultValue: 'default', control:{ type:"select", options:["default", "small", "medium", "large"]}},
  },
} as ComponentMeta<typeof Spinner>;

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

export const BasicSpinner = Template.bind({});
BasicSpinner.args = {
  buttonShow: false
};

export const ButtonSpinner = Template.bind({});
ButtonSpinner.args = {
  buttonShow: true,
  buttonLabel: 'Spinner Button'
};