"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const index = require("../../../hooks/use-namespace/index.js");
const divider = require("./divider.js");
const Vue = require("vue");
var divider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Vue.defineComponent({
  name: "ElDivider",
  __name: "divider",
  props: divider.dividerProps,
  setup(__props) {
    const props = __props;
    const ns = index.useNamespace("divider");
    const dividerStyle = Vue.computed(() => {
      return ns.cssVar({ "border-style": props.borderStyle });
    });
    return (_ctx, _cache) => {
      return Vue.openBlock(), Vue.createElementBlock("div", {
        class: Vue.normalizeClass([Vue.unref(ns).b(), Vue.unref(ns).m(__props.direction)]),
        style: Vue.normalizeStyle(dividerStyle.value),
        role: "separator"
      }, [_ctx.$slots.default && __props.direction !== "vertical" ? (Vue.openBlock(), Vue.createElementBlock("div", {
        key: 0,
        class: Vue.normalizeClass([Vue.unref(ns).e("text"), Vue.unref(ns).is(__props.contentPosition)])
      }, [Vue.renderSlot(_ctx.$slots, "default")], 2)) : Vue.createCommentVNode("v-if", true)], 6);
    };
  }
});
exports.default = divider_vue_vue_type_script_setup_true_lang_default;
