@eureca/eureca-ui/src/components/Cards/stories/opportunity-timer.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 { OpportunityTimer } from '../';

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

export function OpportunityTimerStory() {
  const title = text('Título', 'Estágio EDP 2020');
  const date = new Date();
  const image =
    'https://eureca-production.s3.amazonaws.com/oportunidades/146/tW8JDfghGZ1UDXFPJx8nyU92jsgcZl.jpg';
  const progress = number('Progresso', 0);

  const data = { title, date, image, progress };
  return (
    <Box width={450}>
      <OpportunityTimer {...data} />
    </Box>
  );
}