import { t as e } from "./utils-CHlhTiFC.js";
import t from "react";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region src/components/ui/sdgCardButton.tsx
var i = t.forwardRef(({ className: t, indexClassName: i, backgroundColor: a, textClassName: o, textColor: s, index: c, text: l, style: u, ...d }, f) => /* @__PURE__ */ n("div", {
	className: "@container w-full",
	children: /* @__PURE__ */ r("button", {
		...d,
		ref: f,
		style: {
			...u,
			backgroundColor: a || "var(--blue-600)",
			cursor: "url(https://cdn.jsdelivr.net/npm/@undp/design-system-assets@1.6.1/images/arrow-right-white.svg), auto"
		},
		className: e("min-h-[160px] w-full flex items-start flex-col gap-0 px-6 py-9 @2xl:flex-row @2xl:px-0 @2xl:items-center @2xl:py-0 @2xl:gap-9 hover:brightness-90", t),
		children: [/* @__PURE__ */ n("strong", {
			className: e("text-[2.938rem] pl-0 @2xl:text-[6.875rem] @2xl:pl-[6.313rem] font-heading w-auto @2xl:w-[250px] text-left", i),
			style: { color: s || "#fff" },
			children: c
		}), /* @__PURE__ */ n("h4", {
			className: e("m-0 font-heading text-left p-0 text-[1.563rem] tracking-[.078rem] uppercase @2xl:text-[1.875rem] @2xl:tracking-[.094rem]", o),
			style: { color: s || "#fff" },
			children: l
		})]
	})
}));
i.displayName = "SDGCardButton";
//#endregion
export { i as SDGCardButton };

//# sourceMappingURL=SDGCardButton.js.map