import React from 'react';
import { Meta, Story } from '@storybook/react';
import { OrganismCardChallenge, ICardChallenge } from 'react/organisms/CardChallenge';
import { action } from '@storybook/addon-actions';

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

export default meta;

const TemplateCardChallenge: Story<ICardChallenge> = (props) => <OrganismCardChallenge {...props} />;

export const CardChallenge = TemplateCardChallenge.bind({});

CardChallenge.args = {
  name: 'Invite Friends',
  description: 'Buy Bud Light’s beer and scan 3 receipts to complete this task!',
  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',
  buttonText: 'Take it!',
  progressButtonText: 'In Progress',
  progressTextTitle: 'Scan Receipts Progress',
  completeText: 'Completed',
  handleClick: action('Event Click'),
  iconProgress: 'QR_code',
  progress: 0,
  completed: false,
  colorProgress: 'primary',
  acceptedText: 'Accepted',
  acceptedDescriptionText: '01 to 03',
  screenWidth: 800,
};