@undp/design-system-react/dist/SDGCardButton.js

React based design system for UNDP

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

//# sourceMappingURL=SDGCardButton.js.map