@payfit/unity-components/dist/esm/components/popover/parts/PopoverHeader.js

import { CircularIconButton as e } from "../../icon-button/CircularIconButton.js";
import { forwardRef as t, useContext as n } from "react";
import { uyTv as r } from "@payfit/unity-themes";
import { jsx as i, jsxs as a } from "react/jsx-runtime";
import { useIntl as o } from "react-intl";
import { OverlayTriggerStateContext as s } from "react-aria-components/Dialog";
import { Heading as c } from "react-aria-components/Heading";
//#region src/components/popover/parts/PopoverHeader.tsx
var l = r({
	slots: {
		base: "uy:flex uy:justify-between",
		heading: "uy:content-center",
		iconButton: "uy:ml-200"
	},
	variants: { isTitleSrOnly: {
		true: { heading: "uy:sr-only" },
		false: {
			base: "uy:mb-200",
			heading: "uy:typography-h4 uy:min-h-400 uy:align-center"
		}
	} }
}), u = t(({ title: t, isTitleSrOnly: r, displayCloseButton: u }, d) => {
	let f = n(s), p = o(), { base: m, heading: h, iconButton: g } = l({ isTitleSrOnly: r });
	return /* @__PURE__ */ a("div", {
		className: m(),
		children: [/* @__PURE__ */ i(c, {
			ref: d,
			slot: "title",
			className: h(),
			"data-dd-privacy": "allow",
			level: 4,
			children: t
		}), u && /* @__PURE__ */ i(e, {
			className: g(),
			title: p.formatMessage({
				id: "unity:component:common:close:label",
				defaultMessage: "Close"
			}),
			color: "content.neutral.low",
			icon: "CloseOutlined",
			onPress: () => f?.close(),
			size: "large"
		})]
	});
});
u.displayName = "PopoverTitle";
//#endregion
export { u as PopoverHeader };