"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = Tooltip;

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _Tooltip = _interopRequireDefault(require("./Tooltip.css"));

var _componentCategories = _interopRequireDefault(require("../../../docs-utils/componentCategories"));

var _componentGroups = _interopRequireDefault(require("../../../docs-utils/componentGroups"));

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

function Tooltip(props) {
  var style = props.style,
      variant = props.variant,
      roundedCorners = props.roundedCorners,
      width = props.width,
      tooltipPosition = props.tooltipPosition,
      hover = props.hover,
      tooltip = props.tooltip;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _Tooltip["default"].tooltipContainer
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: _Tooltip["default"].tooltipMessage
  }, tooltip), /*#__PURE__*/_react["default"].createElement("div", {
    className: _Tooltip["default"].tooltip + " " + _Tooltip["default"].smallArrow + " " + _Tooltip["default"][tooltipPosition] + " " + _Tooltip["default"][variant] + " " + "".concat(hover ? _Tooltip["default"].hover : null) + " " + "".concat(roundedCorners ? _Tooltip["default"].rounded : null),
    width: width
  }, tooltip));
}

Tooltip.defaultProps = {
  tooltipPosition: "bl",
  hover: true,
  tooltip: "This message is a demo for tooltip",
  variant: "dark",
  roundedCorners: false
};

if (false) {
  Tooltip.docs = {
    componentGroup: _componentGroups["default"].Atom,
    folderName: _componentCategories["default"].General
  };
}