@eureca/eureca-ui/src/components/Wizard/stories/mobile-card.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';
import { action } from '@storybook/addon-actions';
import { boolean, text, withKnobs, number } from '@storybook/addon-knobs';

import { FiThumbsUp } from 'react-icons/fi';

import { MobileCard } from '..';

const options = {
  range: true,
  min: 1,
  max: 7,
  step: 1,
};

export default { title: 'Originals/Wizard', decorators: [withKnobs], includeStories: [] };

export function MobileCardStory() {
  const data = {
    completed: boolean('Completed', false),
    title: text('Title', 'Informações Gerais'),
    disabled: boolean('Disabled', false),
    step: number('Passo', 1, options),
  };
  return <MobileCard icon={<FiThumbsUp />} onClick={action('Clicked card')} {...data} />;
}