"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 top = /*#__PURE__*/_react["default"].createElement(_button["default"], {
  id: "top",
  style: {
    margin: '5px'
  },
  className: "btrigger"
}, "top");

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

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

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

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

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

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

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

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

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

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

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

var App = function App() {
  return /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      paddingLeft: 320
    }
  }, /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      marginLeft: 75
    }
  }, /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    title: "balloon title",
    trigger: topLeft,
    align: "tl",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    title: "balloon title",
    trigger: top,
    align: "t",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    trigger: topRight,
    title: "balloon title",
    align: "tr",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content")), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      width: 80,
      "float": 'left'
    }
  }, /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    title: "balloon title",
    trigger: leftTop,
    align: "lt",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    trigger: left,
    title: "balloon title",
    align: "l",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    trigger: leftBottom,
    title: "balloon title",
    align: "lb",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content")), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      width: 80,
      marginLeft: 290
    }
  }, /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    trigger: rightTop,
    title: "balloon title",
    align: "rt",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    trigger: right,
    title: "balloon title",
    align: "r",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    title: "balloon title",
    trigger: rightBottom,
    align: "rb",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content")), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      marginLeft: 80,
      clear: 'both'
    }
  }, /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    trigger: bottomLeft,
    title: "balloon title",
    align: "bl",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    trigger: bottom,
    title: "balloon title",
    align: "b",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content"), /*#__PURE__*/_react["default"].createElement(_["default"], {
    needAdjust: true,
    trigger: bottomRight,
    title: "balloon title",
    align: "br",
    alignEdge: true,
    triggerType: "click",
    style: {
      width: 300
    }
  }, "balloon content")));
};

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