import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
import { buttonGroupContextKey } from "./constants.mjs";
import { buttonGroupProps } from "./button-group.mjs";
import { defineComponent, provide, reactive, toRef, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
var button_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
  name: "ElButtonGroup",
  __name: "button-group",
  props: buttonGroupProps,
  setup(__props) {
    const props = __props;
    provide(buttonGroupContextKey, reactive({
      size: toRef(props, "size"),
      type: toRef(props, "type")
    }));
    const ns = useNamespace("button");
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", { class: normalizeClass([unref(ns).b("group"), unref(ns).bm("group", props.direction)]) }, [renderSlot(_ctx.$slots, "default")], 2);
    };
  }
});
export {
  button_group_vue_vue_type_script_setup_true_lang_default as default
};
