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

//#region src/components/overlays/NewNotifications/NotificationView/NotificationDescription.tsx
const Description = tasty(Paragraph, {
	as: "p",
	preset: "t4",
	styles: {
		gridArea: "description",
		display: "-webkit-box",
		"-webkit-line-clamp": 3,
		"-webkit-box-orient": "vertical",
		overflow: "hidden"
	}
});
/**
* @internal This component is unstable and must not be used outside of `NotificationView`.
*/
const NotificationDescription = memo(function NotificationDescription(props) {
	const { description, ...descriptionProps } = props;
	return /* @__PURE__ */ jsx(Description, {
		...mergeProps(descriptionProps, {
			onPointerDown: (e) => e.stopPropagation(),
			onMouseDown: (e) => e.stopPropagation()
		}),
		children: description
	});
});

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