import React from 'react';
import { StyleSheet, View } from 'react-native';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { number, object, text } from '@storybook/addon-knobs/react';
import { ActionBar } from '../ActionBar';
import { Button } from '../Button';
const defaultStyle = {
    width: 250,
    margin: 5
};
const styles = StyleSheet.create({
    twoButtonViewStyle: {
        flexDirection: 'row',
        flexWrap: 'wrap'
    }
});
const renderButton = () => {
    return (<Button onPress={action('onPress')} title={text('Title', 'Button Title')} style={object('Style', defaultStyle)}/>);
};
storiesOf('Button', module)
    .add('single button', renderButton)
    .add('two buttons', () => {
    return (<View style={styles.twoButtonViewStyle}>
        {renderButton()}
        {renderButton()}
      </View>);
})
    .add('two buttons in action bar', () => (<ActionBar separatorWidth={number('Separator Width', 10)}>
      {renderButton()}
      {renderButton()}
    </ActionBar>));
//# sourceMappingURL=Button.story.js.map