import { Story, Meta } from '@storybook/react';
import { Radio } from './radio';
import type { RadioProps } from './radio';

export default {
  component: Radio,
  title: 'Forms/Radio Button',
  argTypes: {
    checked: {
      description: 'Active State of the Radio Button'
    },
    disabled: {
      description: 'Disabled State of the Radio Button'
    },
    error: {
      description: 'Error State of the Radio Button'
    },
    formControlLabelProps: {
      description: 'Props which will be supplied directly into the form control label component.'
    }
  }
} as Meta;

const Template: Story<RadioProps> = args => {
  return <Radio {...args} />;
};

export const Primary = Template.bind({});
Primary.args = {
  checked: false,
  disabled: false,
  error: false,
  formControlLabelProps: {
    label: ''
  }
};