import { jsx as p } from "react/jsx-runtime";
import { useMemo as y } from "react";
import { c as v, s as b, a as g } from "../tools/tools.js";
const u = function(i) {
  const {
    as: n = "div",
    className: s,
    dropOldClass: a,
    isInvalid: l,
    isValid: o,
    style: t,
    variables: e,
    ...r
  } = i, m = y(() => {
    const c = v(
      !a && "form-floating",
      o && "is-valid",
      l && "is-invalid",
      s
    ), d = b((F, f) => ({ tKey: g(f) }), e, t);
    return {
      className: c,
      style: d
    };
  }, [s, a, l, o, t, e]);
  return /* @__PURE__ */ p(n, { ...r, ...m });
};
u.displayName = "BRL.FloatingLabel";
export {
  u as F
};
//# sourceMappingURL=floating-label.js.map
