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

//#region src/components/overlays/Toast/ToastItem.tsx
const StyledItem = tasty(_Item, { styles: {
	transition: "theme, inset",
	pointerEvents: "none",
	Description: { preset: "t4" }
} });
const ToastItem = forwardRef(function ToastItem(props, ref) {
	const { title, description, theme, isLoading, children, qa, ...itemProps } = props;
	const primaryContent = children ?? title ?? description;
	return /* @__PURE__ */ jsx(StyledItem, {
		ref,
		qa: qa ?? "Toast",
		type: "card",
		theme,
		isLoading,
		description: children || title ? description : void 0,
		...itemProps,
		children: primaryContent
	});
});

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