@frontify/fondue/dist/components/Popover/Popover.es.js

Design system of Frontify

import { jsx as n } from "react/jsx-runtime";
import { Overlay as E } from "../../utilities/dialogs/Overlay.es.js";
import { Z_INDEX_POPOVER as R } from "../../utilities/dialogs/constants.es.js";
import { ARROW_DARK_THEME as _, ARROW_LIGHT_THEME as u } from "../../utilities/overlayStyle.es.js";
import { Modality as O } from "../../types/dialog.es.js";
const T = ({
  children: r,
  open: t,
  anchor: a,
  placement: e = "bottom-start",
  offset: m = [0, 8],
  flip: s = !1,
  enablePortal: d = !0,
  "data-test-id": i = "fondue-popover",
  role: l = "region",
  withArrow: p = !1,
  theme: o,
  handleClose: f
}) => /* @__PURE__ */ n(
  E,
  {
    open: t,
    theme: o,
    withArrow: p,
    arrowCustomColors: o === "dark" ? _ : u,
    anchor: a,
    placement: e,
    offset: m,
    flip: s,
    enablePortal: d,
    role: l,
    "data-test-id": i,
    modality: O.NonModal,
    zIndex: R,
    handleClose: f,
    shadow: "small",
    isDialog: !1,
    children: r
  }
);
T.displayName = "FonduePopover";
export {
  T as Popover
};
//# sourceMappingURL=Popover.es.js.map