import {createInputCheckboxRadio} from "./InputCheckboxRadioComponent";

export default {
  title: 'Atoms/Input Checkbox Radio',
  args: {
    type: 'checkbox',
    //checked: false,
    //id: 'accepted',
    //name: 'accepted',
  },
  argTypes: {
    type: {
      name: 'Checkbox oder Radio',
      control: 'select',
      options: ['checkbox', 'radio'],
      defaultValue: 'checkbox',
    },
    /*
    id: {
      name: 'ID',
    },
    name: {
      name: 'Name-Attribut',
    },
    checked: {
      name: 'Vorausgewählt',
    },
    */
  }
}

const Template = ({...args}) => {
  return createInputCheckboxRadio({...args});
};

export const InputCheckbox = Template.bind({});
InputCheckbox.args = {
  type: 'checkbox',
};

export const InputRadio = Template.bind({});
InputRadio.args = {
  type: 'radio',
};