import { t as e } from "../../chunks/clsx.js";
import { useCardBackground as t } from "./CardBackgroundContext.js";
import "react";
import { jsx as n } from "react/jsx-runtime";
//#region lib/ui/cards/CardClickable.tsx
var r = ({ children: r, className: i, coverLink: a = !1, href: o, onClick: s, ...c }) => {
	let l = !!o, { hasImage: u } = t(), d = l ? "a" : "div", f = l ? {
		href: o,
		onClick: s
	} : {};
	return /* @__PURE__ */ n(d, {
		className: e("pointer-events-auto flex w-full gap-x-8 px-12 pb-12 sm:px-24 sm:pb-24", {
			"justify-center text-center": !r,
			"h-full items-end": a,
			"mt-auto h-auto": !a,
			"text-white": u,
			"text-black": !u
		}, i),
		...f,
		...c,
		children: r
	});
};
//#endregion
export { r as CardClickable };

//# sourceMappingURL=CardClickable.js.map