React Native Storybook Button story file

index.stories.js

// storybook/Button/index.stories.js
import React from 'react';
import { storiesOf } from '@storybook/react-native';
import { action } from '@storybook/addon-actions';
import { text, select, boolean } from '@storybook/addon-knobs';

import { CenterView } from '../CenterView';
import { Button } from '.';

const typeOptions = ['primary', 'secondary', 'tertiary'];
const iconOptions = ['none', 'search'];

storiesOf('components/Button', module)
  .addDecorator(getStory => <CenterView>{getStory()}</CenterView>)
  .add('Full demo', () => (
    <Button
      iconType={select('icon', iconOptions, iconOptions[0])}
      isLoading={boolean('isLoading', false)}
      onPress={action('onPress executed')}
      text={text('text', 'Submit')}
      type={select('type', typeOptions, typeOptions[0])}
    />
  ));