@eureca/eureca-ui/src/components/Cards/stories/user-opportunity.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';

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

import { OpportunityCardUser } from '../';

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

export function OpportunityUserCardStory() {
  const title = text('Título', 'Estágio EDP 2020');
  const organization = text('Organização', 'EDP Brasil');
  const type = text('Tipo', 'Educação & Seleção');
  const date = new Date(2021, 8, 13);
  const image =
    'https://eureca-production.s3.amazonaws.com/oportunidades/146/tW8JDfghGZ1UDXFPJx8nyU92jsgcZl.jpg';

  const data = { id: 1, title, organization, type, date, image };
  return (
    <Box width={450}>
      <OpportunityCardUser {...data} />
    </Box>
  );
}