import { jsx as d } from "react/jsx-runtime";
import { useMemo as f } from "react";
import { c as B, s as v, a as x } from "../tools/tools.js";
const g = function(l) {
  const {
    as: c = "div",
    children: i,
    className: o,
    dropOldClass: s,
    size: t,
    style: r,
    toolbar: a,
    variables: e,
    vertical: n,
    ...p
  } = l, u = f(() => {
    const m = B(
      !s && (n ? "btn-group-vertical" : a ? "btn-toolbar" : "btn-group"),
      t && `btn-group-${t}`,
      o
    ), b = v((G, y) => ({ tKey: x(y) }), e, r);
    return {
      className: m,
      style: b
    };
  }, [o, s, t, r, a, e, n]);
  return /* @__PURE__ */ d(c, { ...p, ...u, children: i });
};
g.displayName = "BRL.ButtonGroup";
export {
  g as B
};
//# sourceMappingURL=button-group.js.map
