import { Meta, Story } from '@storybook/react';
import React from 'react';
import ButtonGroup, {
  ButtonGroupProps,
} from '../components/Button/ButtonGroup';

export default {
  title: 'Components / Button Group',
  component: ButtonGroup,
} as Meta;

const Template: Story<ButtonGroupProps> = (args) => <ButtonGroup {...args} />;

export const Default = Template.bind({});
Default.args = {
  callback: (e: any) => console.log(e),
  title: 'Some button group',
  options: [
    {
      title: 'Default Options',
      value: '0',
      active: false,
      showRadio: false,
    },
    {
      title: 'Second Option',
      value: '1',
      active: false,
      showRadio: false,
    },
  ],
};

export const Required = Template.bind({});
Required.args = {
  ...Default.args,
  required: true,
};

export const Optional = Template.bind({});
Optional.args = {
  ...Default.args,
  optional: true,
};