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