@eureca/eureca-ui/src/components/EvaluationHeader/stories/evaluation-header.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';
import { withKnobs, select, text } from '@storybook/addon-knobs';
import { FiPaperclip } from 'react-icons/fi';

import { EvaluationHeader } from '..';

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

export const EvaluationHeaderStory = () => {
  const type = select('Tipo', ['pdf', 'formulário', 'fit'], 'fit');
  const status = select('Status', ['pending', 'completed', 'disqualified'], 'completed');
  const title = text('Título', 'Desafio #2 Mão na massa');
  const name = text('Nome', 'Laura M. K.');
  const icon = <FiPaperclip />;

  const data = { type, status, title, name, icon };
  return <EvaluationHeader {...data} />;
};