import { t as e } from "./utils-CHlhTiFC.js";
import { t } from "./createLucideIcon-CC8mnBIB.js";
import { t as n } from "./x-C46k3qiu.js";
import r from "react";
import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
var s = t("menu", [
	["path", {
		d: "M4 12h16",
		key: "1lakjw"
	}],
	["path", {
		d: "M4 18h16",
		key: "19g7jn"
	}],
	["path", {
		d: "M4 6h16",
		key: "1o0s65"
	}]
]);
//#endregion
//#region src/components/ui/header.tsx
function c({ className: t, children: n, ...r }) {
	return /* @__PURE__ */ a("header", {
		...r,
		className: e("bg-primary-gray-100 dark:bg-primary-gray-650 shadow-header left-0 top-0 w-full z-10 max-w-full flex py-0 px-6 gap-4 justify-between items-center box-border relative h-[75px] md:h-header", t),
		children: n
	});
}
function l({ className: t, siteName: n, siteSubName: r, hyperlink: i, logoLocale: s, ...c }) {
	return /* @__PURE__ */ a("div", {
		...c,
		className: e("flex items-center", t),
		children: /* @__PURE__ */ o("a", {
			href: i || "./",
			style: { textDecoration: "none" },
			className: "logo-sub-head flex gap-6 items-center",
			children: [/* @__PURE__ */ a("img", {
				src: `https://cdn.jsdelivr.net/npm/@undp/design-system-assets/images/${s === "es" || s === "fr" ? "pnud" : "undp"}-logo-blue.svg`,
				alt: "UNDP Logo",
				className: "w-[40px] h-[82px] md:w-[60px] md:h-[122px] z-100"
			}), /* @__PURE__ */ o("div", { children: [r ? /* @__PURE__ */ a("div", {
				className: "leading-[1.142] border-b border-b-primary-gray-500 dark:border-b-primary-gray-550 pb-px uppercase font-semibold text-primary-gray-600 dark:text-primary-gray-200 pb-px mx-0 mt-0 mb-[4.8px] text-xs inline-block no-underline",
				children: r
			}) : null, /* @__PURE__ */ a("div", {
				className: "text-primary-black dark:text-primary-white p-0 m-0 no-underline text-base lg:text-xl font-semibold leading-[1.142]",
				children: n
			})] })]
		})
	});
}
function u({ className: t, children: c, ...l }) {
	let [u, d] = r.useState(!1);
	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
		...l,
		className: e("grow justify-between gap-8 hidden text-sm uppercase md:flex", t),
		children: c
	}), /* @__PURE__ */ o("div", {
		...l,
		className: e("grow justify-end gap-8 flex md:hidden", t),
		children: [/* @__PURE__ */ a("button", {
			type: "button",
			onClick: () => {
				d(!u);
			},
			children: a(u ? n : s, { className: "w-6 h-6 stroke-primary-blue-600" })
		}), u ? /* @__PURE__ */ a("div", {
			className: "box-border h-[calc(100vh-75px)] left-0 m-0 overflow-y-auto p-[5.625rem_1.5rem_3.75rem] absolute top-full w-full backdrop-blur-[18px] bg-[rgba(247,247,247,0.8)] dark:bg-[rgba(59,72,89,0.8)]",
			children: c
		}) : null]
	})] });
}
function d({ className: t, children: n, align: r = "center", ...i }) {
	return /* @__PURE__ */ a("div", {
		...i,
		className: e("grid gap-4 md:gap-8 tracking-[0.42px] font-medium text-primary-black dark:text-primary-gray-200 md:flex grow items-center md:gap-12 [&>a]:text-base [&>a]:font-bold [&>a]:uppercase [&>a]:text-primary-black dark:[&>a]:text-primary-gray-200 md:[&>a]:text-sm md:[&>a]:font-medium [&>a]:no-underline [&>a:hover]:text-primary-blue-600 dark:[&>a:hover]:text-primary-gray-100", r === "end" ? "md:justify-end" : "md:justify-center", t),
		children: n
	});
}
function f({ className: t, children: n, ...r }) {
	return /* @__PURE__ */ a("div", {
		...r,
		className: e("flex mt-6 md:mt-0 md:justify-center gap-8 items-center", t),
		children: n
	});
}
//#endregion
export { d as a, u as i, f as n, l as r, c as t };

//# sourceMappingURL=header-DuFbGnhv.js.map