@eureca/eureca-ui/src/components/StatusBall/stories/status-ball.stories.js

UI component library of Eureca's user and admin apps

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

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

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

const statusOptions = {
  Rascunho: colors.gray3,
  Publicado: colors.color3,
  Recebendo: colors.green1,
  Processando: colors.color4,
  Finalizado: colors.color6,
  Arquivado: colors.color5,
};

export function StatusBallStory() {
  const color = select('Status', statusOptions, '#8F9097');
  return <Ball color={color} />;
}