"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 dataSource = [{
  value: '10001',
  label: 'Lucy King'
}, {
  value: 10002,
  label: 'Lily King'
}, {
  value: 10003,
  label: 'Tom Cat',
  disabled: true
}, {
  label: 'Special Group',
  children: [{
    value: -1,
    label: 'FALSE'
  }, {
    value: 0,
    label: 'ZERO'
  }]
}];

function handleChange(value) {
  console.log(value);
}

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  "aria-label": "tag mode",
  mode: "tag",
  defaultValue: ['10001'],
  onChange: handleChange,
  dataSource: dataSource,
  style: {
    width: 300
  }
}), /*#__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"], {
  "aria-label": "tag mode",
  mode: "tag",
  defaultValue: ['10001'],
  onChange: handleChange,
  dataSource: dataSource,
  style: {
    width: 300
  },
  theme: "grey"
}))), document.getElementById('select-demo-3'));