import { jsx as m } from "react/jsx-runtime";
import { useMemo as x } from "react";
import { c as y, s as f, a as d } from "../tools/tools.js";
const I = function(r) {
  const { as: n = "span", children: a, className: s, dropOldClass: t, style: e, variables: o, ...p } = r, l = x(() => {
    const c = y(!t && "input-group-text", s), u = f((C, i) => ({ tKey: d(i) }), o, e);
    return {
      className: c,
      style: u
    };
  }, [s, t, e, o]);
  return /* @__PURE__ */ m(n, { ...p, ...l, children: a });
};
I.displayName = "BRL.InputGroupText";
export {
  I
};
//# sourceMappingURL=input-group-text.js.map
