"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,
    OptionGroup = _["default"].OptionGroup;
var dataSource = [{
  label: 'label1',
  children: [{
    label: 'label1-1',
    value: 'text1-1'
  }]
}, {
  label: 'label2',
  children: [{
    label: 'label2-1',
    value: 'text2-1'
  }]
}];

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  placeholder: "OptionGroup",
  style: {
    marginRight: 8
  }
}, /*#__PURE__*/_react["default"].createElement(OptionGroup, {
  label: "group1"
}, /*#__PURE__*/_react["default"].createElement(Option, {
  value: "small"
}, "Small"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "medium"
}, "Medium"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "large"
}, "Large")), /*#__PURE__*/_react["default"].createElement(OptionGroup, {
  label: "group2"
}, /*#__PURE__*/_react["default"].createElement(Option, {
  value: "small2"
}, "Small2"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "medium2"
}, "Medium2"), /*#__PURE__*/_react["default"].createElement(Option, {
  value: "large2"
}, "Large2"))), /*#__PURE__*/_react["default"].createElement(_["default"], {
  placeholder: "use dataSource",
  dataSource: dataSource
})), document.getElementById('select-demo-6'));