@arashaltafi/react-toast
Version:
react toast library
14 lines (13 loc) • 801 B
JavaScript
import React, { useState } from 'react';
import Indicator from '../../assets/icons/Indicator';
var ShowTooltip = function (_a) {
var children = _a.children, content = _a.content;
var _b = useState(false), visible = _b[0], setVisible = _b[1];
return (React.createElement("div", { className: "main-tooltip", onMouseEnter: function () { return setVisible(true); }, onMouseLeave: function () { return setVisible(false); } },
children,
React.createElement("div", { className: "body-tooltip ".concat(visible ? 'opacity-100' : 'opacity-0') },
React.createElement("p", { className: 'text-tooltip' }, content),
React.createElement("div", { className: 'icon-tooltip' },
React.createElement(Indicator, null)))));
};
export default ShowTooltip;