"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const index = require("../../../hooks/use-namespace/index.js");
const constants = require("./constants.js");
const buttonGroup = require("./button-group.js");
const vue = require("vue");
var button_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ vue.defineComponent({
  name: "ElButtonGroup",
  __name: "button-group",
  props: buttonGroup.buttonGroupProps,
  setup(__props) {
    const props = __props;
    vue.provide(constants.buttonGroupContextKey, vue.reactive({
      size: vue.toRef(props, "size"),
      type: vue.toRef(props, "type")
    }));
    const ns = index.useNamespace("button");
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", { class: vue.normalizeClass([vue.unref(ns).b("group"), vue.unref(ns).bm("group", props.direction)]) }, [vue.renderSlot(_ctx.$slots, "default")], 2);
    };
  }
});
exports.default = button_group_vue_vue_type_script_setup_true_lang_default;
