"use strict";

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _ = _interopRequireDefault(require(".."));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Option = _["default"].Option;

var onChange = function onChange(value) {
  console.log(value);
};

var onToggleHighlightItem = function onToggleHighlightItem() {
  console.log('onToggleHighlightItem');
};

var onFocus = function onFocus() {
  console.log('focus');
};

var onBlur = function onBlur() {
  console.log('blur');
};

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  id: "basic-demo",
  onChange: onChange,
  onToggleHighlightItem: onToggleHighlightItem,
  defaultValue: "jack",
  onFocus: onFocus,
  onBlur: onBlur,
  "aria-label": "name is",
  style: {
    marginRight: 8
  },
  size: "xs"
}, /*#__PURE__*/_react["default"].createElement(Option, {
  value: "jack"
}, "Jack"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "frank"
}, "Frank"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "hugo"
}, "Hugo")), /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: "clear",
  hasClear: true,
  size: "small",
  style: {
    marginRight: 8
  }
}, /*#__PURE__*/_react["default"].createElement(Option, {
  value: "jack"
}, "Jack"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "frank"
}, "Frank"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "clear"
}, "clear")), /*#__PURE__*/_react["default"].createElement(_["default"], {
  placeholder: "show search",
  showSearch: true,
  hasClear: true,
  size: "medium",
  style: {
    marginRight: 8
  }
}, /*#__PURE__*/_react["default"].createElement(Option, {
  value: "jack"
}, "Jack"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "frank"
}, "Frank"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "hugo"
}, "Hugo")), /*#__PURE__*/_react["default"].createElement(_["default"], {
  disabled: true,
  defaultValue: "frank",
  size: "large",
  style: {
    marginRight: 8
  }
}, /*#__PURE__*/_react["default"].createElement(Option, {
  value: "jack"
}, "Jack"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "frank"
}, "Frank"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "hugo"
}, "Hugo")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    background: '#f3f3f3',
    padding: '10px'
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  id: "basic-demo",
  onChange: onChange,
  onToggleHighlightItem: onToggleHighlightItem,
  defaultValue: "jack",
  onFocus: onFocus,
  onBlur: onBlur,
  "aria-label": "name is",
  style: {
    marginRight: 8
  },
  size: "xs",
  theme: "grey"
}, /*#__PURE__*/_react["default"].createElement(Option, {
  value: "jack"
}, "Jack"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "frank"
}, "Frank"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "hugo"
}, "Hugo")), /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: "clear",
  hasClear: true,
  size: "small",
  style: {
    marginRight: 8
  },
  theme: "grey"
}, /*#__PURE__*/_react["default"].createElement(Option, {
  value: "jack"
}, "Jack"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "frank"
}, "Frank"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "clear"
}, "clear")), /*#__PURE__*/_react["default"].createElement(_["default"], {
  placeholder: "show search",
  showSearch: true,
  hasClear: true,
  size: "medium",
  theme: "grey",
  style: {
    marginRight: 8
  }
}, /*#__PURE__*/_react["default"].createElement(Option, {
  value: "jack"
}, "Jack"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "frank"
}, "Frank"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "hugo"
}, "Hugo")), /*#__PURE__*/_react["default"].createElement(_["default"], {
  disabled: true,
  defaultValue: "frank",
  size: "large",
  theme: "grey",
  style: {
    marginRight: 8
  }
}, /*#__PURE__*/_react["default"].createElement(Option, {
  value: "jack"
}, "Jack"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "frank"
}, "Frank"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "hugo"
}, "Hugo")))), document.getElementById('select-demo-1'));