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

import Select from './Select';

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

# Select

<Preview>
  <Story name="Index">
    <Select
      placeholder="Select Countries"
      options={[
        {
          label: 'Australia',
          value: '1',
        },
        {
          label: 'Philippines',
          value: '2',
        },
        {
          label: 'USA',
          value: '3',
        },
        {
          label: 'Canada',
          value: '4',
        },
        {
          label: 'Thailand',
          value: '5',
        },
      ]}
    />
  </Story>
</Preview>

### Select Multiple

<Preview>
  <Story name="Multiple">
    <Select
      multiple
      placeholder="Select Countries"
      options={[
        {
          label: 'Australia',
          value: 1,
        },
        {
          label: 'Philippines',
          value: 2,
        },
        {
          label: 'USA',
          value: 3,
        },
        {
          label: 'Canada',
          value: 4,
        },
        {
          label: 'Thailand',
          value: 5,
        },
      ]}
    />
  </Story>
</Preview>

#### Props

<Props of={Select} />