import { t as e } from "../../chunks/clsx.js";
import { Image as t } from "../Image.js";
import { CardBackgroundContext as n } from "./CardBackgroundContext.js";
import "react";
import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
//#region lib/ui/cards/CardBackground.tsx
var o = ({ children: o, className: s, ...c }) => /* @__PURE__ */ a(r, { children: [c?.src && /* @__PURE__ */ i(t, {
	...c,
	src: c.src,
	className: "h-full w-full object-cover"
}), /* @__PURE__ */ i("div", {
	...c,
	className: e("pointer-events-none absolute inset-0 flex flex-col rounded-16", { "bg-gradient-to-b from-transparent via-transparent to-black/40": c?.src }, s),
	children: /* @__PURE__ */ i(n.Provider, {
		value: { hasImage: !!c?.src },
		children: o
	})
})] });
//#endregion
export { o as CardBackground };

//# sourceMappingURL=CardBackground.js.map