diff options
Diffstat (limited to 'app/components/header/header.story.tsx')
-rw-r--r-- | app/components/header/header.story.tsx | 43 |
1 files changed, 0 insertions, 43 deletions
diff --git a/app/components/header/header.story.tsx b/app/components/header/header.story.tsx deleted file mode 100644 index db87b89..0000000 --- a/app/components/header/header.story.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import * as React from 'react' -import { View, Alert } from 'react-native' -import { storiesOf } from '@storybook/react-native' -import { StoryScreen, Story, UseCase } from '../../../storybook/views' -import { Header } from './header' -import { color } from '../../theme' - -declare let module - -const VIEWSTYLE = { - flex: 1, - backgroundColor: color.storybookDarkBg, -} - -storiesOf('Header', module) - .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>) - .add('Behavior', () => ( - <Story> - <UseCase noPad text="default" usage="The default usage"> - <View style={VIEWSTYLE}> - <Header headerTx="demoScreen.howTo" /> - </View> - </UseCase> - <UseCase noPad text="leftIcon" usage="A left nav icon"> - <View style={VIEWSTYLE}> - <Header - headerTx="demoScreen.howTo" - leftIcon="back" - onLeftPress={() => Alert.alert('left nav')} - /> - </View> - </UseCase> - <UseCase noPad text="rightIcon" usage="A right nav icon"> - <View style={VIEWSTYLE}> - <Header - headerTx="demoScreen.howTo" - rightIcon="bullet" - onRightPress={() => Alert.alert('right nav')} - /> - </View> - </UseCase> - </Story> - )) |