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

export default {
  title: "CRadio",
  component: CRadio,
  argTypes: {
    items: { control: { type: "object" } },
    selectedOption: String,
  },
};

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

export const Default = Template.bind({});
Default.args = {
  labelName: "text",
  items: [
    {
      text: "Public access",
      description: "This project will be available to anyone who has the link",
      value: "value1",
      label: "Option 1",
      tag: true,
      tagLabel: "Recommended",
      tagColor: "yellow",
    },
    {
      text: "Private to Project Members",
      description: "Only members of this project will be able to access",
      value: "value2",
      label: "Option 2",
    },
  ],
  selectedOption: "value1",
  isDisabled: false,
  showClearSelection: true,
  useIncreasedPadding: false,
  name: "radio",
};
