import { t as e } from "./utils-CHlhTiFC.js";
import { t } from "./dist-C2Jrcfwk.js";
import * as n from "react";
import { jsx as r } from "react/jsx-runtime";
//#region src/components/ui/Cards/cardPageWide.tsx
var i = t("flex flex-col items-stretch w-full", {
	variants: { imageWidth: {
		zero: "[&_.card-img]:hidden [&_.card-content]:w-full",
		xs: "[&_.card-img]:w-1/4 [&_.card-content]:w-3/4",
		sm: "[&_.card-img]:w-1/3 [&_.card-content]:w-2/3",
		base: "[&_.card-img]:w-1/2 [&_.card-content]:w-1/2",
		lg: "[&_.card-img]:w-2/3 [&_.card-content]:w-1/3",
		xl: "[&_.card-img]:w-3/4 [&_.card-content]:w-1/4"
	} },
	defaultVariants: { imageWidth: "base" }
}), a = n.forwardRef(({ className: t, border: n, imageWidth: a, ...o }, s) => /* @__PURE__ */ r("div", {
	ref: s,
	className: e(i({ imageWidth: a }), n === !1 ? "" : "border-t-2 border-primary-black dark:border-primary-gray-100", t),
	...o
}));
a.displayName = "PageWideCard";
var o = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
	ref: i,
	...n,
	className: e("card-content flex flex-col justify-between pl-4 rtl:pl-0 rtl:pr-4", t)
}));
o.displayName = "PageWideCardContent";
var s = n.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", {
	ref: t,
	...e
}));
s.displayName = "PageWideCardHeader";
var c = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
	ref: i,
	...n,
	className: e("flex flex-row gap-6 items-stretch", t)
}));
c.displayName = "PageWideCardContainer";
var l = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
	ref: i,
	className: e("pt-4 pb-2 flex flex-wrap gap-4 text-primary-black dark:text-primary-white", t),
	...n
}));
l.displayName = "PageWideCardFooter";
var u = n.forwardRef(({ children: t, className: n, ...i }, a) => /* @__PURE__ */ r("div", {
	ref: a,
	className: e("flex gap-2 w-full mt-0 mb-0 pt-4 pl-6 pr-6 [dir-rtl]:pr-6 rtl:pl-6 pb-4 md:mb-0 text-xs font-bold leading-[1.15] text-primary-black dark:text-primary-white uppercase", n),
	...i,
	children: t
}));
u.displayName = "PageWideCardTag";
var d = n.forwardRef(({ children: t, className: n, ...i }, a) => /* @__PURE__ */ r("div", {
	ref: a,
	className: e("flex gap-2 m-0 pl-0 pr-0 pt-12 pb-8 text-primary-black dark:text-primary-white leading-[1.15] font-normal text-[1.563rem] md:text-[2.188rem]", n),
	...i,
	children: t
}));
d.displayName = "PageWideCardTitle";
var f = n.forwardRef(({ children: t, className: n, ...i }, a) => /* @__PURE__ */ r("div", {
	ref: a,
	className: e("pl-0 pr-0 pt-0 pb-6 mt-0 text-base leading-[1.4] md:text-xl flex flex-col gap-2 text-primary-black dark:text-primary-white", n),
	...i,
	children: t
}));
f.displayName = "PageWideCardDescription";
var p = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("img", {
	ref: i,
	alt: "card",
	...n,
	className: e("card-img object-cover", t)
}));
p.displayName = "PageWideCardImage";
//#endregion
export { a as PageWideCard, c as PageWideCardContainer, o as PageWideCardContent, f as PageWideCardDescription, l as PageWideCardFooter, s as PageWideCardHeader, p as PageWideCardImage, u as PageWideCardTag, d as PageWideCardTitle };

//# sourceMappingURL=PageWideCard.js.map