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

UI component library of Eureca's user and admin apps

import React from 'react';

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

import { FiHome } from 'react-icons/fi';

import { colors } from '../../../theme/colors';

import { UserHomeCard } from '../';

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

export function HomeUserCardStory() {
  const title = text('Título', 'Título do card');
  const icon = <FiHome />;
  const color = select('Cor', ['color4', 'color5', 'color6', 'error1'], 'error1');
  return (
    <Box width={300}>
      <UserHomeCard title={title} icon={icon} color={colors[color]}>
        {text('Conteúdo', 'Acompanhe o andamento das oportunidades, faça seus desafios.')}
      </UserHomeCard>
    </Box>
  );
}