import { jsx as p } from "react/jsx-runtime";
import { useMemo as y } from "react";
import { c as N, s as f, a as v } from "../tools/tools.js";
const d = function(o) {
  const { as: r = "li", className: s, dropOldClass: t, style: a, variables: e, ...n } = o, l = y(() => {
    const m = N(!t && "nav-item", s), c = f((x, i) => ({ tKey: v(i) }), e, a);
    return {
      className: m,
      style: c
    };
  }, [s, t, a, e]);
  return /* @__PURE__ */ p(r, { ...n, ...l });
};
d.displayName = "BRL.NavItem";
export {
  d as N
};
//# sourceMappingURL=nav-item.js.map
