import { jsx as v } from "react/jsx-runtime";
import { useMemo as y } from "react";
import { c as b, s as f, a as d } from "../tools/tools.js";
const T = function(n) {
  const {
    as: r = "div",
    className: e,
    dropOldClass: o,
    responsive: s,
    style: a,
    variables: t,
    ...l
  } = n, i = y(() => {
    const p = b(
      !o && s && (typeof s == "boolean" ? "table-responsive" : `table-responsive-${s}`),
      e
    ), c = f((x, m) => ({ tKey: d(m) }), t, a);
    return {
      className: p,
      style: c
    };
  }, [e, o, s, a, t]);
  return /* @__PURE__ */ v(r, { ...l, ...i });
};
T.displayName = "BRL.TableResponsive";
export {
  T
};
//# sourceMappingURL=table-responsive.js.map
