@brizy/ui
Version:
React elements in Brizy style
13 lines (12 loc) • 985 B
JavaScript
import React from "react";
import { classNames } from "../classNamesFn";
import AntPopover from "antd/lib/popover";
import { getColor } from "./utils";
import { BRZ_PREFIX } from "../constants";
export const Popover = ({ title, content, placement = "top", color, offset, shadow = true, trigger = "hover", onOpenChange, opened, getPopupContainer, children, }) => {
const _className = classNames()("popover-overlay", {
"popover-with-shadow": shadow,
});
return (React.createElement(AntPopover, Object.assign({}, (title && { title: title }), (offset && { align: { offset: [offset] } }), (onOpenChange && { onVisibleChange: onOpenChange }), (opened !== undefined && { visible: opened }), { trigger: trigger, content: content, placement: placement, overlayClassName: _className, overlayStyle: Object.assign({}, getColor(color)), getPopupContainer: getPopupContainer }),
React.createElement("div", { className: `${BRZ_PREFIX}-popover__content` }, children)));
};