@orangecheck/design 0.24.0 → 0.25.0

package/dist/components.mjs

@@ -3004,6 +3004,9 @@ function OcFamilyFooter({
   columns = [],
   family,
   legalBase = "https://ochk.io",
+  legalCopyright,
+  legalLinks,
+  builtWith,
   className
 }) {
   const familyCols = [];
@@ -3017,6 +3020,13 @@ function OcFamilyFooter({
   const grid = GRID[allColumns.length] ?? GRID[3];
   const year = (/* @__PURE__ */ new Date()).getFullYear();
   const legal = (path) => `${legalBase}${path}`;
+  const links = legalLinks ?? [
+    { href: legal("/privacy"), label: "privacy" },
+    { href: legal("/terms"), label: "terms" },
+    { href: legal("/security"), label: "security" },
+    { href: legal("/trademark"), label: "trademarks" },
+    { href: legal("/contact"), label: "contact" }
+  ];
   return /* @__PURE__ */ jsx("footer", { className: cn("border-t", className), children: /* @__PURE__ */ jsxs("div", { className: "container py-10 sm:py-12 md:py-16", children: [
     /* @__PURE__ */ jsxs("div", { className: cn("grid gap-8 sm:grid-cols-2 sm:gap-10", grid), children: [
       /* @__PURE__ */ jsxs("div", { children: [
@@ -3030,56 +3040,24 @@ function OcFamilyFooter({
       allColumns.map((column) => /* @__PURE__ */ jsx(FooterColumnView, { column }, column.label))
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mt-10 flex flex-col items-start justify-between gap-3 border-t pt-6 font-mono text-[11px] tracking-widest uppercase sm:flex-row sm:items-center", children: [
-      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: legalCopyright ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
         "\xA9 ",
         year,
         " orangecheck \xB7 mit + cc-by-4.0"
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground/80 flex flex-wrap items-center gap-x-4 gap-y-1", children: [
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: legal("/privacy"),
-            className: "hover:text-foreground transition-colors",
-            children: "privacy"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: legal("/terms"),
-            className: "hover:text-foreground transition-colors",
-            children: "terms"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: legal("/security"),
-            className: "hover:text-foreground transition-colors",
-            children: "security"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: legal("/trademark"),
-            className: "hover:text-foreground transition-colors",
-            children: "trademarks"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: legal("/contact"),
-            className: "hover:text-foreground transition-colors",
-            children: "contact"
-          }
-        )
-      ] }),
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground/80 flex flex-wrap items-center gap-x-4 gap-y-1", children: links.map((link) => /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: link.href,
+          ...link.external ? { target: "_blank", rel: "noreferrer" } : {},
+          className: "hover:text-foreground transition-colors",
+          children: link.label
+        },
+        link.label
+      )) }),
       /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground inline-flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx("span", { className: "text-primary text-[13px] leading-none", children: "\u20BF" }),
-        /* @__PURE__ */ jsx("span", { children: "built with bitcoin" })
+        /* @__PURE__ */ jsx("span", { children: builtWith ?? "built with bitcoin" })
       ] })
     ] })
   ] }) });