import { j as t } from "../../node_modules/react/jsx-runtime.js";
import { cn as n } from "../../utils/index.js";
import { cva as a } from "../../node_modules/class-variance-authority/dist/index.js";
import { Icon as s } from "../Icon/index.js";
const o = a(["underline", "cursor-pointer"], {
  variants: {
    variant: { primary: "text-brand-white", secondary: "text-grey-30 text-sm" }
  }
});
function x({
  variant: e = "primary",
  className: r,
  children: i
}) {
  return /* @__PURE__ */ t.jsx("a", { className: n("underline", o({ variant: e }), r), children: i });
}
function u(e) {
  return /* @__PURE__ */ t.jsxs("div", { className: n(o({ variant: e.variant })), children: [
    /* @__PURE__ */ t.jsx(x, { ...e }),
    /* @__PURE__ */ t.jsx(s, { name: "link-external" })
  ] });
}
function d({
  children: e
}) {
  return /* @__PURE__ */ t.jsx("div", { className: "flex flex-row gap-4", children: e });
}
function p({ children: e, className: r }) {
  return /* @__PURE__ */ t.jsx("div", { className: "bg-grey-90", children: /* @__PURE__ */ t.jsx(
    "div",
    {
      className: n(
        "flex flex-col items-start gap-8 container mx-auto py-10 p-6",
        r
      ),
      children: e
    }
  ) });
}
function v({ className: e, ...r }) {
  return /* @__PURE__ */ t.jsx(
    "div",
    {
      className: n(
        "flex flex-col items-end w-full text-sm text-content-inverse-subtle",
        e
      ),
      ...r
    }
  );
}
export {
  p as Footer,
  x as FooterLink,
  u as FooterLinkExternal,
  d as FooterLinksSection,
  v as Footnote
};
