"use strict";

require("./demo4.css");

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

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

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

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

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

var Popup = _["default"].Popup;

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Popup, {
  trigger: /*#__PURE__*/_react["default"].createElement(_2.Button, null, "click"),
  triggerType: "click"
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "overlay-demo"
}, "Click to open Popup!")), /*#__PURE__*/_react["default"].createElement(Popup, {
  trigger: /*#__PURE__*/_react["default"].createElement(_2.Button, null, "hover"),
  triggerType: "hover"
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "overlay-demo"
}, "Hover to open Popup!")), /*#__PURE__*/_react["default"].createElement(Popup, {
  trigger: /*#__PURE__*/_react["default"].createElement(_2.Button, null, "focus"),
  triggerType: "focus"
}, /*#__PURE__*/_react["default"].createElement("span", {
  className: "overlay-demo"
}, "Focus to open Popup!"))), document.getElementById('overlay-demo-4'));