import { jsx as y } from "react/jsx-runtime";
import { useMemo as I } from "react";
import { c as v, s as G, a as h } from "../tools/tools.js";
import { I as C } from "./input-group-text.js";
const p = function(i) {
  const {
    as: l = "div",
    children: u,
    className: o,
    dropOldClass: t,
    hasValidation: a,
    nowrap: r,
    size: s,
    style: n,
    variables: e,
    ...m
  } = i, c = I(() => {
    const d = v(
      !t && "input-group",
      r && "flex-nowrap",
      s && `input-group-${s}`,
      a && "has-validation",
      o
    ), f = G((T, x) => ({ tKey: h(x) }), e, n);
    return {
      className: d,
      style: f
    };
  }, [o, t, a, r, s, n, e]);
  return /* @__PURE__ */ y(l, { ...m, ...c, children: u });
};
p.Text = C;
p.displayName = "BRL.InputGroup";
export {
  p as I
};
//# sourceMappingURL=input-group.js.map
