import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks';
import { withKnobs, select, boolean } from '@storybook/addon-knobs';

import Input from './Input';
import Password from './Password';
import Textarea from './Textarea';

<Meta title="Data Entry|Input" component={Input} />

# Input

<Preview>
  <Story name="Index">
    <Input placeholder="Placeholder" />
  </Story>
</Preview>

### Input Error

<Preview>
  <Story name="Error">
    <Input hasError placeholder="Placeholder" />
  </Story>
</Preview>

### Prefix

<Preview>
  <Story name="Prefix Icon">
    <Input placeholder="Placeholder" prefix="search" />
  </Story>
</Preview>

### Suffix

<Preview>
  <Story name="Suffix Icon">
    <Input placeholder="Placeholder" suffix="add" />
  </Story>
</Preview>

### Both

<Preview>
  <Story name="Prefix and Suffix Icon">
    <Input placeholder="Placeholder" prefix="search" suffix="add" />
  </Story>
</Preview>

### Password

<Preview>
  <Story name="Password">
    <Password placeholder="Placeholder" />
  </Story>
</Preview>

### Textarea

<Preview>
  <Story name="Textarea">
    <Textarea placeholder="Placeholder" />
  </Story>
</Preview>

## Props

### Input

<Props of={Input} />

### Input.Password

<Props of={Password} />

### Input.Textarea

<Props of={Textarea} />