@eureca/eureca-ui/src/components/TrackContextHeader/stories/track-context-header.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';
import { FiLayers } from 'react-icons/fi';

import { select, withKnobs, number } from '@storybook/addon-knobs';

import { TrackContextHeader } from '..';
import { Box } from '@material-ui/core';

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

export function TrackContextHeaderStory() {
  const data = {
    title: select('Título', ['Online', 'Presencial', 'Entrevista', 'Resultados'], 'Online'),
    icon: <FiLayers />,
    status: select('Status', ['open', 'closed'], 'open'),
    endDate: new Date(),
    score: number('Pontuação', 100),
    totalScore: number('Pontuação total', 500),
    results: select('Resultados', [true, false], false),
  };

  return (
    <Box width={500} p={2} bgcolor="white">
      <TrackContextHeader {...data} />
    </Box>
  );
}