@atlaskit/tooltip/dist/cjs/TooltipPrimitive.js

A tooltip is a floating, non-actionable label used to explain a user interface element or feature.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
/** @jsx jsx */
var react_1 = require("react");
var core_1 = require("@emotion/core");
var constants_1 = require("@atlaskit/theme/constants");
var primitiveCss = core_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  z-index: ", ";\n  pointer-events: none;\n"], ["\n  z-index: ", ";\n  pointer-events: none;\n"])), constants_1.layers.tooltip());
var TooltipPrimitive = react_1.forwardRef(function TooltipPrimitive(_a, ref) {
    var style = _a.style, className = _a.className, children = _a.children, placement = _a.placement, testId = _a.testId;
    return (core_1.jsx("div", { role: "tooltip", ref: ref, style: style, className: className, css: primitiveCss, "data-placement": placement, "data-testid": testId }, children));
});
TooltipPrimitive.displayName = 'TooltipPrimitive';
exports.default = TooltipPrimitive;
var templateObject_1;
//# sourceMappingURL=TooltipPrimitive.js.map