@eureca/eureca-ui/src/components/TopBar/stories/top-bar.stories.js

UI component library of Eureca's user and admin apps

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

import { TopBar } from '..';

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

export const TopBarStory = () => {
  const type = select('Tipo', { Gestor: 'manager', Jovem: 'user' }, 'manager');
  return (
    <TopBar
      type={type}
      onClickLeft={() => console.log('Click Left')}
      onClickLogo={() => console.log('Click Logo')}
      onClickRight={type === 'manager' ? () => console.log('Click Right') : null}
    />
  );
};