import React from 'react';
import { storiesOf } from '@storybook/react';
import PrimaryButtons from './buttons/PrimaryButtons.stories.js';
import SecondaryButtons from './buttons/SecondaryButtons.stories.js';
import LinkButtons from './buttons/LinkButtons.stories.js';
import Colors from './Colors.stories.js';
import Typography from './Typography.stories.js';
import Checkboxes from './Checkbox.stories.js';
import Checklist from './Checklist.stories.js';
import Input from './Input.stories.js';
import Icons from './SVGIcon.stories.js';
import Tiles from './Tiles.stories.js';
import Tabs from './Tabs.stories.js';
import Radios from './Radio.stories.js';
import RadioGroups from './RadioGroup.stories.js';
import Modals from './Modal.stories.js';
import PopupMenu from './PopupMenu.stories.js';
import Accordion from './Accordion.stories.js';
import Panel from './Panel.stories.js';
storiesOf('Colors', module)
.add('Color Palette', () => );
storiesOf('Typography', module)
.add('Typography', () => );
storiesOf('Accordion', module)
.add('Accordion', () => );
storiesOf('Buttons', module)
.add('Primary', () => )
.add('Secondary', () => )
.add('Link', () => );
storiesOf('Checkboxes', module)
.add('Checkboxes', () => );
storiesOf('Checklist', module)
.add('Checklist', () => );
storiesOf('Input Fields', module)
.add('Input Text', () => );
storiesOf('Icons', module)
.add('SVG Icons', () => );
storiesOf('Menu', module)
.add('Popup Menu', () => );
storiesOf('Modals', module)
.add('Modal examples', () => );
storiesOf('Radios', module)
.add('Radio Buttons', () => )
.add('Radio Button Groups', () => );
storiesOf('Panel', module)
.add('Panel', () => );
storiesOf('Tabs', module)
.add('Tabs', () => );
storiesOf('Tiles', module)
.add('Tiles', () => );