@makeen.io/material-ui-kit/distr/atoms/Tooltip/index.js

Makeen UI components kit. Based on material-ui.

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  display: inline-block;\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import Tooltip from "@material-ui/core/Tooltip";
import { withStyles } from "@material-ui/core/styles";
import styled from "styled-components";
var DarkTooltip = withStyles(function (props) {return {
    tooltip: {
      backgroundColor: "#232f3e",
      color: "White",
      boxShadow: "none",
      fontSize: 12,
      fontWeight: "normal",
      padding: "4px 8px",
      borderRadius: "4px",
      lineHeight: "1.33",
      marginTop: "1px"
    }
  };})(Tooltip);
var ChildrenWrapper = styled.div(_templateObject());


export default (function (_ref) {var _ref$text = _ref.text,text = _ref$text === void 0 ? "" : _ref$text,children = _ref.children,_ref$enabled = _ref.enabled,enabled = _ref$enabled === void 0 ? true : _ref$enabled,_ref$placement = _ref.placement,placement = _ref$placement === void 0 ? "bottom" : _ref$placement,_ref$closeOnClick = _ref.closeOnClick,closeOnClick = _ref$closeOnClick === void 0 ? false : _ref$closeOnClick;var _React$useState =
    React.useState(false),_React$useState2 = _slicedToArray(_React$useState, 2),open = _React$useState2[0],setOpen = _React$useState2[1];
  var handleClose = function handleClose() {
    setOpen(false);
  };
  var handleOpen = function handleOpen() {
    setOpen(enabled ? true : false);
  };
  return /*#__PURE__*/React.createElement(DarkTooltip, { open: open, onClose: handleClose, onOpen: handleOpen, title: text, placement: placement }, /*#__PURE__*/
  React.createElement(ChildrenWrapper, { onClick: function onClick() {return closeOnClick && handleClose();} }, children));
});
//# sourceMappingURL=index.js.map