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

React based design system for UNDP

import { t as e } from "./utils-ca9as9Ye.js";
import { H5 as t, P as n } from "./Typography.js";
import { jsx as r, jsxs as i } from "react/jsx-runtime";
//#region src/components/ui/footer.tsx
function a({ className: t, children: n, ...i }) {
	return /* @__PURE__ */ r("footer", {
		...i,
		className: e("h-auto w-full bg-footer-background px-3 pt-14 pb-12 text-content-reverse", t),
		children: /* @__PURE__ */ r("div", {
			className: e("mx-auto w-full sm:w-[83.333%]"),
			children: n
		})
	});
}
function o({ className: t, children: n, ...i }) {
	return /* @__PURE__ */ r("div", {
		className: e("mx-auto h-auto w-full sm:w-[83.333%]", t),
		...i,
		children: n
	});
}
function s({ className: n, link: a, children: o, locale: s = "en", ...c }) {
	return /* @__PURE__ */ i("div", {
		...c,
		className: e("mb-8 flex flex-wrap items-center justify-between gap-x-4 gap-y-6 border-b border-b-background px-3 pt-0 pb-12", n),
		children: [/* @__PURE__ */ i("div", {
			className: "m-0 flex items-center gap-4",
			children: [/* @__PURE__ */ r("a", {
				href: a || "./",
				target: "_blank",
				rel: "noreferrer",
				children: /* @__PURE__ */ r("img", {
					alt: "undp logo",
					src: `https://cdn.jsdelivr.net/npm/@undp/design-system-assets/images/${s === "es" || s === "fr" ? "pnud" : "undp"}-logo-white.svg`,
					className: "w-[60px]"
				})
			}), /* @__PURE__ */ i(t, {
				className: "text-content-reverse",
				marginBottom: "none",
				children: [
					"United Nations",
					/* @__PURE__ */ r("br", {}),
					"Development Programme"
				]
			})]
		}), /* @__PURE__ */ r("div", { children: o })]
	});
}
function c({ className: e, children: t, ...n }) {
	return /* @__PURE__ */ r("div", {
		...n,
		className: e,
		children: t
	});
}
function l({ className: t, children: a, ...o }) {
	return /* @__PURE__ */ i("div", {
		...o,
		className: e("mt-6 flex flex-wrap items-center justify-between gap-x-4 gap-y-6", t),
		children: [/* @__PURE__ */ r(n, {
			className: "m-0 px-0 py-0 text-content-reverse text-sm md:m-0 md:text-base lg:text-base",
			children: "© United Nations Development Programme"
		}), /* @__PURE__ */ i("div", {
			className: "flex flex-wrap gap-x-4 gap-y-6",
			children: [a, /* @__PURE__ */ r("a", {
				href: "https://www.undp.org/copyright-terms-use",
				target: "_blank",
				rel: "noopener noreferrer",
				className: "text-content-reverse text-sm opacity-100 hover:opacity-70 md:text-base",
				children: "Terms of use"
			})]
		})]
	});
}
//#endregion
export { a as Footer, o as FooterContent, l as FooterCopyrightUnit, s as FooterLogoUnit, c as FooterMainNavUnit };

//# sourceMappingURL=Footer.js.map