export default {
  title: 'Example/Button',
  component: Button,
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
  argTypes: {
    primary : {control : 'radio', options : [true,false]},
    backgroundColor : {control : false},
    backgroundColorForPrimary : {name : 'backgroundColor', control : 'select', options : ['red','green'], if : {arg : 'primary', eq : true}},
    backgroundColorForNonPrimary : {name : 'backgroundColor', control : 'select', options : ['blue','gray'], if : {arg : 'primary', eq : false}}
  },
};

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template = (args) => {
  const newArgs = {...args, backgroundColor : args.backgroundColorForNonPrimary || args.backgroundColorForPrimary}
  return <Button {...newArgs} />
}