import React from 'react';
import { Meta, Story } from '@storybook/react';
import { OrganismsCardButton, ICardButtonProps } from 'react/organisms/CardButton';
import { action } from '@storybook/addon-actions';

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

export default meta;

const TemplateCardButton: Story<ICardButtonProps> = (props) => <OrganismsCardButton {...props} />;

export const CardButton = TemplateCardButton.bind({});

CardButton.args = {
  handleClick: action('Event Click'),
  disabled: false,
  title: 'Double the Points on Bud Light Seltzer Hard Soda',
  description: 'Scan 2 six packs to unlock a Cooler+ ans earn 200 points',
  category: 'Bud Light',
  textButton: 'Activate Offer',
  src: 'https://www.ngenespanol.com/wp-content/uploads/2018/08/7-buenas-razones-para-tomar-cerveza-1280x720.png',
  tagText: 'Great Offer',
  colorText: '#20BBEC'
};