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

export default {
  title: "CIcon",
  component: CIcon,
  argTypes: {
    name: String,
    classes: String,
    type: {
      control: {
        type: "select",
        options: ["solid", "outline", "outline-v2", "mini"],
      },
    },
    viewBox: String,
    dimensions: String,
  },
};

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

export const Default = Template.bind({});
Default.args = {
  name: "bell",
  classes: "h-5 w-5",
};
