const React = require('react'); const { storiesOf, // action, // linkTo } = require('@kadira/storybook'); const { Base, Button, Container, Checkbox, Row, Column, Avatar, Input, Modal, Notificaton, Pagination, RangeSlider, Select, Tabs, Tab, Toggle, Widget, Radio, RadioGroup } = require('../src/'); const styles = { base: { backgroundColor: '#FFEBEE' }, row: { backgroundColor: '#EF5350' }, column: { backgroundColor: '#B71C1C', textAlign: 'center', color: 'white' } }; storiesOf('Grid', module) .add('Row and Column', () => ( 1 2 3 )); const profile = 'https://pbs.twimg.com/profile_images/' + '641289584580493312/VBfsPlff_400x400.jpg'; storiesOf('Avatar', module) .add('Avatar Picture', () => ( )) .add('Avatar Text', () => ( )); storiesOf('Button', module) .add('With text', () => ( )).add('Secondary', () => ( )).add('Disabled', () => ( )); storiesOf('Checkbox', module) .add('Default', () => ( )) .add('Checked', () => ( )) .add('Disabled', () => ( )); storiesOf('Radio', module) .add('Default', () => ( Video killed the radio star )) .add('Checked', () => ( )) .add('Disabled', () => ( )); storiesOf('Input', module) .add('Default', () => ( )) .add('type=email', () => ( We'll never share your email with anyone else. )); storiesOf('Modal', module) .add('Default', () => (

This is the Modal

)); storiesOf('Notificaton', module) .add('Default', () => ( This is the default content )) .add('warning', () => ( This is the warning content )) .add('alert', () => ( This is the alert content )); storiesOf('Pagination', module) .add('Default', () => ( « Previous 1 2 3 )); storiesOf('Radio Group', module) .add('Default', () => ( Video killed the radio star Video killed the radio star Video killed the radio star )); storiesOf('RangeSlider', module) .add('Default', () => ( )); storiesOf('Select', module) .add('Default', () => ( )) .add('multiple', () => ( )); storiesOf('Tabs', module) .add('Default', () => (

Containers

User

)); storiesOf('Toggle', module) .add('checked', () => ( )) .add('unchecked', () => ( )) .add('defaultChecked', () => ( )) .add('no props', () => ( )); storiesOf('Widget', module) .add('single', () => ( england flag

Some text

));