@eureca/eureca-ui/src/components/Logo/stories/logo.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';

import { withKnobs, radios } from '@storybook/addon-knobs';
import { action } from '@storybook/addon-actions';

import { Box } from '@material-ui/core';
import { Logo } from '..';

const decoder = {
  Padrão: 'default',
  Reduzido: 'reduced',
};

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

export const LogoStory = () => {
  const variant = radios('Variant', ['Padrão', 'Reduzido'], 'Padrão');

  return (
    <Box width={120}>
      <Logo variant={decoder[variant]} onClick={action('on-click-logo')} />
    </Box>
  );
};