"use client";
import { jsx as o } from "react/jsx-runtime";
import { cn as s } from "../../utils/cn/cn.es.js";
import r from "../../components/AnchorLinks/anchorLinks.module.css";
import { Typography as f } from "../Typography/Typography.es.js";
const N = ({ links: l, activeId: n, onClick: t }) => /* @__PURE__ */ o("div", { className: r.root, children: l.map(({ label: m, id: a, href: c, type: i, variant: p, emphasis: e }) => /* @__PURE__ */ o(
  "a",
  {
    className: s(r.linkButton, {
      [r.active]: n === a
    }),
    href: c,
    "data-type": i,
    onClick: () => t == null ? void 0 : t(a),
    children: /* @__PURE__ */ o(
      f,
      {
        className: r.linkLabel,
        defaultVariant: p || "labelLg",
        emphasis: e != null ? e : !0,
        children: m
      }
    )
  },
  a
)) });
export {
  N as AnchorLinks
};
