@eureca/eureca-ui/src/components/Cards/stories/track-info.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';

import { withKnobs, text, number } from '@storybook/addon-knobs';
import { Box } from '@material-ui/core';

import { TrackInfoCard } from '../';

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

export function TrackInfoStory() {
  const track = text('Trilha', 'Online');
  const opportunities = number('Oportunidades', 332);
  const modules = number('Módulos', 302);
  const solutions = number('Soluções', 32);

  const data = { track, opportunities, modules, solutions };
  return (
    <Box width={450}>
      <TrackInfoCard {...data} />
    </Box>
  );
}