You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
492 B
22 lines
492 B
7 years ago
|
import React from 'react'
|
||
|
|
import { addDecorator } from '@storybook/react'
|
||
|
|
import { withInfo } from '@storybook/addon-info'
|
||
|
|
import { withKnobs } from '@storybook/addon-knobs/react'
|
||
|
|
|
||
|
|
const styles = {
|
||
|
|
height: '100vh',
|
||
|
|
display: 'flex',
|
||
|
|
justifyContent: 'center',
|
||
|
|
alignItems: 'center',
|
||
|
|
}
|
||
|
|
|
||
|
|
const CenterDecorator = story => (
|
||
|
|
<div style={styles}>
|
||
|
|
{ story() }
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
|
||
|
|
addDecorator((story, context) => withInfo()(story)(context))
|
||
|
|
addDecorator(withKnobs)
|
||
|
|
addDecorator(CenterDecorator)
|