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