import { Meta, Story, Canvas } from '@storybook/addon-docs';
import Input from '../index';

<Meta
  title="Packages/VideoPress/Input"
  component={Input}
/>

# Input
A simple input field.

<Canvas withSource="open">
  <Story id="packages-videopress-input--default" />
</Canvas>

## API

### value

- type: `string`

The input value.

### placeholder

- type: `string`

The input placeholder.

### disabled

- type: `boolean`

Whether the input is disabled.

### icon

- type: `ReactNode`

An optional icon.

### onChange

- type: `function`

Callback to be invoked when the input value changes.

### onEnter

- type: `function`

Callback to be invoked when the user presses the Enter key.

-------

# SearchInput
A search input field.

<Canvas withSource="open">
  <Story id="packages-videopress-input--search" />
</Canvas>
