import React from 'react';
import { storiesOf } from '@storybook/react-native';
import { withKnobs } from '@storybook/addon-knobs';
import Wrapper from './../../Wrapper';
import {
  DefaultInput,
  SizeInput,
  VariantInput,
  InputAddons,
  InputELements,
  PasswordInput,
  ControlledInput,
  FocusErrorBorderColor,
} from './example';

storiesOf('Input', module)
  .addDecorator(withKnobs)
  .addDecorator((getStory: any) => <Wrapper>{getStory()}</Wrapper>)
  .add('Primary', () => <DefaultInput />)
  .add('Size Input', () => <SizeInput />)
  .add('Input Variants', () => <VariantInput />)
  .add('Input Addons', () => <InputAddons />)
  .add('Input Elements', () => <InputELements />)
  .add('Input Password', () => <PasswordInput />)
  .add('Value Controlled Input', () => <ControlledInput />)
  .add('Focus and Error Border Color Change', () => <FocusErrorBorderColor />);