import React from 'react';
import { Select } from '.';

export default {
  title: 'Select',
  component: [Select],
};

const options = [
  { value: 'first', label: 'First' },
  { value: 'second', label: 'Second' },
];

export const Default = () => {
  return (
    <>
      Normal:
      <Select options={options} isSearchable />
      NoIcons:
      <Select options={options} noIcon />
      Disabled:
      <Select options={options} isDisabled={true} noIcon />
      Ghost mode:
      <Select options={options} noIcon variant="ghost" />
      Ghost mode:
      <Select options={options} noIcon variant="ghost" isDisabled={true} />
    </>
  );
};
