@gravity-ui/uikit
Version:
Gravity UI base styling and components
20 lines (19 loc) • 1.34 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.HelpMark = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const React = tslib_1.__importStar(require("react"));
const icons_1 = require("@gravity-ui/icons");
const Icon_1 = require("../Icon/index.js");
const Popover_1 = require("../Popover/index.js");
const useDefaultProps_1 = require("../theme/useDefaultProps.js");
const cn_1 = require("../utils/cn.js");
const constants_1 = require("./constants.js");
require("./HelpMark.css");
const b = (0, cn_1.block)('help-mark');
exports.HelpMark = React.forwardRef(function HelpMark(rawProps, ref) {
const { children, qa, className, iconSize = 'm', popoverProps, ...restProps } = (0, useDefaultProps_1.useDefaultProps)('HelpMark', rawProps);
return ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { content: (0, jsx_runtime_1.jsx)("div", { className: b('popover'), children: children }), hasArrow: true, ...popoverProps, children: (0, jsx_runtime_1.jsx)("button", { ...restProps, ref: ref, type: "button", className: b({ size: iconSize }, className), "data-qa": qa, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { data: icons_1.CircleQuestion, size: constants_1.ICON_SIZE_MAP[iconSize], className: b('icon') }) }) }));
});
//# sourceMappingURL=HelpMark.js.map