"use strict";

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

var _button = _interopRequireDefault(require("../../button"));

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

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

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

var defaultTrigger = /*#__PURE__*/_react["default"].createElement(_button["default"], {
  className: "btrigger",
  style: {
    margin: '5px'
  }
}, "default style");

var disabledTrigger = /*#__PURE__*/_react["default"].createElement(_button["default"], {
  disabled: true,
  className: "btrigger",
  style: {
    margin: '5px'
  }
}, "default style");

var primary = /*#__PURE__*/_react["default"].createElement(_button["default"], {
  className: "btrigger",
  style: {
    margin: '5px'
  }
}, "dark style");

var Demo = function Demo() {
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "container"
  }, /*#__PURE__*/_react["default"].createElement(_["default"], {
    trigger: defaultTrigger,
    closable: true,
    triggerType: "click"
  }, "default"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    trigger: defaultTrigger,
    triggerType: "click"
  }, "default"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    type: "dark",
    trigger: primary,
    triggerType: "click"
  }, "dark"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    type: "dark",
    trigger: primary,
    triggerType: "click",
    closable: true
  }, "dark"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    trigger: disabledTrigger,
    closable: false
  }, "disabeled default"));
};

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(Demo, null), document.getElementById('balloon-demo-3'));