import CButtonIcon from '../components/CButtonIcon/CButtonIcon.vue';
import './utils.css'

export default {
  title: 'CButtonIcon',
  component: CButtonIcon,
  argTypes: {
    type: { control: { type: 'select', options: ['primary', 'secondary', 'white', 'danger', 'success', 'tertiary', 'secondary-gray', 'rounded-hover', 'dark-blue', 'white-plain'] } },
  },
};

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

export const Default = Template.bind({});
Default.args = {
  isLoading: false,
  type: 'primary',
  icon: {
    name: 'check',
    type: 'solid',
    class: 'h-5 w-5'
  }
};
