@zoyth/simple-site-framework 1.0.0 → 1.0.1

package/dist/components/index.js

@@ -34196,6 +34196,32 @@ function Header({ locale, config }) {
 // src/components/layout/Footer.tsx
 var import_image3 = __toESM(require("next/image"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
+function renderWithLangBadge(text) {
+  const langPattern = /\(([a-z]{2})\)/gi;
+  const parts = [];
+  let lastIndex = 0;
+  let match;
+  while ((match = langPattern.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      parts.push(text.slice(lastIndex, match.index));
+    }
+    parts.push(
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        "span",
+        {
+          className: "lang-badge inline-block ml-[0.4em] px-[0.4em] py-[0.02em] border border-black/[0.18] rounded-full text-[0.65em] tracking-[0.06em] uppercase opacity-75 group-hover:opacity-100 transition-opacity -translate-y-[0.15em]",
+          children: match[1]
+        },
+        match.index
+      )
+    );
+    lastIndex = match.index + match[0].length;
+  }
+  if (lastIndex < text.length) {
+    parts.push(text.slice(lastIndex));
+  }
+  return parts.length > 0 ? parts : text;
+}
 function Footer({ locale, config }) {
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
   const copyrightText = replaceVariables(
@@ -34215,8 +34241,8 @@ function Footer({ locale, config }) {
             target: "_blank",
             rel: "noopener noreferrer"
           },
-          className: "text-charcoal hover:text-primary transition-colors",
-          children: getNavigationString(link.label, locale)
+          className: "group text-charcoal hover:text-primary transition-colors",
+          children: renderWithLangBadge(getNavigationString(link.label, locale))
         }
       ) }, link.id)) })
     ] }, section.heading ? Object.values(section.heading)[0] : "section")) }),