"use strict";

require("./demo1.scss");

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 Tooltip = _["default"].Tooltip;

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

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

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

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

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

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

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

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

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

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

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

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

var App = function App() {
  return /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      paddingLeft: 220
    }
  }, /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      marginLeft: 110
    }
  }, /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: topLeft,
    align: "tl"
  }, "text text"), /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: top,
    align: "t"
  }, "text text"), /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: topRight,
    align: "tr"
  }, "text text")), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      width: 80,
      "float": 'left'
    }
  }, /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: leftTop,
    align: "lt"
  }, "text text"), /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: left,
    align: "l"
  }, "text text"), /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: leftBottom,
    align: "lb"
  }, "text text")), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      width: 80,
      marginLeft: 460
    }
  }, /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: rightTop,
    align: "rt"
  }, "text text"), /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: right,
    align: "r"
  }, "text text"), /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: rightBottom,
    align: "rb"
  }, "text text")), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      marginLeft: 110,
      clear: 'both'
    }
  }, /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: bottomLeft,
    align: "bl"
  }, "text text"), /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: bottom,
    align: "b"
  }, "text text"), /*#__PURE__*/_react["default"].createElement(Tooltip, {
    trigger: bottomRight,
    align: "br"
  }, "text text")));
};

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