@brizy/ui
Version:
React elements in Brizy style
17 lines (16 loc) • 845 B
JavaScript
import React from "react";
import AntTooltip from "antd/lib/tooltip";
import { classNames } from "../classNamesFn";
import { getRounded } from "./utils";
import { BRZ_PREFIX } from "../constants";
export const Tooltip = ({ title, color, placement = "top", children, rounded = true, hideArrow, border, shadow, capitalized, }) => {
const OverlayClassName = classNames()("tooltip", {
[`tooltip__color-${color}`]: color,
tooltip__bordered: border,
tooltip__shadowed: shadow,
tooltip__capitalized: capitalized,
"tooltip__no-arrow": hideArrow,
});
return (React.createElement(AntTooltip, { overlayStyle: getRounded(rounded), title: title, overlayClassName: OverlayClassName, placement: placement },
React.createElement("div", { className: `${BRZ_PREFIX}-tooltip__content` }, children)));
};