"use strict";

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

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

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

var _2 = require("../..");

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

function onChange(checked) {
  console.log("switch to ".concat(checked));
}

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  autoWidth: true,
  checkedChildren: "on",
  unCheckedChildren: "off",
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  autoWidth: true,
  checkedChildren: "\u5DF2\u542F\u7528",
  unCheckedChildren: "\u5DF2\u5173\u95ED",
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  autoWidth: true,
  checkedChildren: /*#__PURE__*/_react["default"].createElement(_2.Icon, {
    type: "select",
    size: "xs"
  }),
  unCheckedChildren: /*#__PURE__*/_react["default"].createElement(_2.Icon, {
    type: "close",
    size: "xs"
  }),
  onChange: onChange
})), document.getElementById('switch-demo-4'));