"use strict";

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

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

var _input = _interopRequireDefault(require("../../input"));

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

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

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

var content = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "content"));

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

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

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

var HoverInputTarget = /*#__PURE__*/_react["default"].createElement(_input["default"], {
  placeholder: "hover",
  style: {
    marginRight: '20px'
  }
});

var ClickInputTarget = /*#__PURE__*/_react["default"].createElement(_input["default"], {
  placeholder: "click",
  style: {
    marginRight: '20px'
  }
});

var FocusInputTarget = /*#__PURE__*/_react["default"].createElement(_input["default"], {
  placeholder: "focus"
});

var App = function App() {
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
    trigger: MoveTarget,
    triggerType: "click"
  }, content), /*#__PURE__*/_react["default"].createElement(_["default"], {
    trigger: ClickTarget,
    triggerType: "click",
    closable: true
  }, content), /*#__PURE__*/_react["default"].createElement(_["default"], {
    trigger: FocusTarget,
    triggerType: "focus"
  }, content), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
    trigger: HoverInputTarget,
    triggerType: "hover"
  }, content), /*#__PURE__*/_react["default"].createElement(_["default"], {
    trigger: ClickInputTarget,
    triggerType: "click"
  }, content), /*#__PURE__*/_react["default"].createElement(_["default"], {
    trigger: FocusInputTarget,
    triggerType: "focus"
  }, content));
};

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