import { action } from '@storybook/addon-actions';
import { Meta, Story, Props } from '@storybook/addon-docs/blocks';
import { Select, Input } from '../src/index';

<Meta title="Components|Select" component={Image} />

# Select

<Props of={Select} />

<Story name="simple">
  <Select
    options={[
      {
        value: '1',
        label: 'Option 1',
      },
      {
        value: '2',
        label: 'Option 2',
      },
      {
        value: '3',
        label: 'Option 3',
      },
      {
        value: '4',
        label: 'Option 4',
      },
    ]}
  />
</Story>

## Default Value

<Story name="default value">
  <Select
    defaultValue={{
      value: '1',
      label: 'Option 1',
    }}
    options={[
      {
        value: '1',
        label: 'Option 1',
      },
      {
        value: '2',
        label: 'Option 2',
      },
      {
        value: '3',
        label: 'Option 3',
      },
      {
        value: '4',
        label: 'Option 4',
      },
    ]}
  />
</Story>

## Multiple

<Story name="multiple">
  <Input defaultValue="Option 1"/>
</Story>