2019-05-27 14:01:52 +00:00
import React from 'react' ;
import { storiesOf } from '@storybook/react' ;
import { action } from '@storybook/addon-actions' ;
import { Container , Row , Col } from 'reactstrap' ;
import { ModuleTile } from 'asc-web-components' ;
import withReadme from 'storybook-readme/with-readme' ;
2019-05-31 08:47:33 +00:00
import { withKnobs , boolean , text } from '@storybook/addon-knobs/react' ;
2019-05-27 14:01:52 +00:00
import Readme from './README.md' ;
const rowStyle = { marginTop : 8 } ;
storiesOf ( 'Components|ModuleTile' , module )
// To set a default viewport for all the stories for this component
. addParameters ( { viewport : { defaultViewport : 'responsive' } } )
. addDecorator ( withKnobs )
. addDecorator ( withReadme ( Readme ) )
. add ( 'primary' , ( ) => (
< Container >
< Row style = { rowStyle } >
< Col >
< ModuleTile
title = { text ( "title" , "Documents" ) }
imageUrl = "./modules/documents240.png"
link = "/products/files/"
description = { text ( "description" , "Create, edit and share documents. Collaborate on them in real-time. 100% compatibility with MS Office formats guaranteed." ) }
isPrimary = { boolean ( "isPrimary" , true ) }
onClick = { action ( "onClick" ) }
/ >
< / C o l >
< / R o w >
< / C o n t a i n e r >
) ) ;