/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f1f3d22 | Cube Dev Team */
import { tasty } from "../../../../tasty/tasty.js";
import { _Title } from "../../../content/Title.js";
import { memo } from "react";
import { jsx } from "react/jsx-runtime";

//#region src/components/overlays/NewNotifications/NotificationView/NotificationHeader.tsx
const Header = tasty(_Title, {
	as: "div",
	preset: "h6",
	styles: {
		gridArea: "header",
		cursor: "default",
		"&:not(:empty)": { margin: "0.25x 0 0.5x" }
	}
});
/**
* @internal This component is unstable and must not be used outside of `NotificationView`.
*/
const NotificationHeader = memo(function NotificationHeader(props) {
	const { header, ...headerProps } = props;
	return /* @__PURE__ */ jsx(Header, {
		...headerProps,
		children: header
	});
});

//#endregion
export { NotificationHeader };
//# sourceMappingURL=NotificationHeader.js.map