import CRadioGroup from "../components/CRadioGroup/CRadioGroup.vue";
import "./utils.css";

export default {
  title: "CRadioGroup",
  component: CRadioGroup,
  argTypes: {
    options: { control: { type: "object" } },
    value: Number,
  },
};

const Template = (args, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: { CRadioGroup },
  template: '<c-radio-group v-bind="$props" />',
});

export const Default = Template.bind({});
Default.args = {
  options: [
    {
      id:1,
      color:"indigo",
      name:"New"
    },
    {
      id:2,
      color:"yellow",
      name:"Enquired"
    },
    {
      id:3,
      color:"green",
      name:"Won"
    },
    {
      id:4,
      color:"red",
      name:"Lost"
    },
    {
      id:5,
      color:"blue",
      name:"Trial booked"
    }
  ],
  selectedOptionId: 1,
  name: "lead-stage-radio-group",
  ariaLabel: "Select a lead stage",
};
