import _extends from "@babel/runtime/helpers/extends";
// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
import React from 'react';
import Select from './Select';
import SelectOption from './SelectOption';
export const Basic = args => /*#__PURE__*/React.createElement(Select, args);
Basic.args = {
  children: [/*#__PURE__*/React.createElement(SelectOption, {
    key: "1"
  }, 'One'), /*#__PURE__*/React.createElement(SelectOption, {
    key: "2"
  }, 'Two'), /*#__PURE__*/React.createElement(SelectOption, {
    key: "3"
  }, 'Three'), /*#__PURE__*/React.createElement(SelectOption, {
    key: "4"
  }, 'Four'), /*#__PURE__*/React.createElement(SelectOption, {
    key: "5"
  }, 'Five'), /*#__PURE__*/React.createElement(SelectOption, {
    key: "6"
  }, 'Six'), /*#__PURE__*/React.createElement(SelectOption, {
    key: "7"
  }, 'Seven'), /*#__PURE__*/React.createElement(SelectOption, {
    key: "8"
  }, 'Eight'), /*#__PURE__*/React.createElement(SelectOption, {
    key: "9"
  }, 'Nine'), /*#__PURE__*/React.createElement(SelectOption, {
    key: "10"
  }, 'Ten'), /*#__PURE__*/React.createElement(SelectOption, {
    key: "11"
  }, 'Eleven'), /*#__PURE__*/React.createElement(SelectOption, {
    key: "12"
  }, 'Twelve')],
  'data-test': 'select'
};
export const SearchableAtBottom = () => {
  return /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      left: 0,
      bottom: 0,
      padding: 16
    }
  }, /*#__PURE__*/React.createElement(Basic, _extends({
    searchable: true
  }, Basic.args)));
};