import { t as e } from "./utils-CHlhTiFC.js";
import { jsx as t } from "react/jsx-runtime";
//#region src/components/ui/sdgBorder.tsx
function n({ sdgList: n, barClassName: r, ...i }) {
	return /* @__PURE__ */ t("div", {
		...i,
		className: e("flex gap-0 w-full flex-nowrap", i.className),
		children: (n || [
			1,
			2,
			3,
			4,
			5,
			6,
			7,
			8,
			9,
			10,
			11,
			12,
			13,
			14,
			15,
			16,
			17
		]).map((n) => /* @__PURE__ */ t("div", {
			style: { backgroundColor: `var(--sdg-${n})` },
			className: e("h-4 grow", r)
		}, n))
	});
}
//#endregion
export { n as SdgBorder };

//# sourceMappingURL=SdgBorder.js.map