import React from 'react';
import { Meta, Story } from '@storybook/react';
import { OrganismCardClickable } from 'react/organisms/CardClickable';
import { ICardClickable } from 'react/organisms/CardClickable/CardTypes';
import { action } from '@storybook/addon-actions';

const meta: Meta = {
  title: 'React/organisms/CardClickable',
  component: OrganismCardClickable,
  argTypes: {
    handleClick: {
      table: {
        disable:true
      }
    }
  },
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const TemplateCardClickable: Story<ICardClickable> = (props) => <OrganismCardClickable {...props} />;

export const CardClickable = TemplateCardClickable.bind({});

CardClickable.args = {
  type: 'vertical',
  title: 'Michelob Ultra Special Cooler',
  description: 'Michelob Ultra',
  image: 'https://www.sram.com/globalassets/image-hierarchy/sram-product-root-images/rotors/rotors/rt-centerline-x-a1/dbrotorclx160.jpg?w=800&quality=80&format=jpg',
  pointsText: 'points',
  pointsNumber: 4500,
  handleClick: action('Event Click'),
  category: 'Merchandise',
};