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

export default {
  title: "CCard",
  component: CCard,
  argTypes: {
    image: Object,
    name: String,
    description: String
  },
};

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

export const Default = Template.bind({});
Default.args = {
  image: {
    size: "small",
    rounded: false,
    image:
    "https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixqx=ukDMP4XEnx&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
  },
  name: "Alkama",
  description: 'Video'
};
