"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const index = require("../../../hooks/use-namespace/index.js");
const row = require("./row.js");
const constants = require("./constants.js");
const Vue = require("vue");
var row_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Vue.defineComponent({
  name: "ElRow",
  __name: "row",
  props: row.rowProps,
  setup(__props) {
    const props = __props;
    const ns = index.useNamespace("row");
    Vue.provide(constants.rowContextKey, { gutter: Vue.computed(() => props.gutter) });
    const style = Vue.computed(() => {
      const styles = {};
      if (!props.gutter) return styles;
      styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
      return styles;
    });
    const rowKls = Vue.computed(() => [
      ns.b(),
      ns.is(`justify-${props.justify}`, props.justify !== "start"),
      ns.is(`align-${props.align}`, !!props.align)
    ]);
    return (_ctx, _cache) => {
      return Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(__props.tag), {
        class: Vue.normalizeClass(rowKls.value),
        style: Vue.normalizeStyle(style.value)
      }, {
        default: Vue.withCtx(() => [Vue.renderSlot(_ctx.$slots, "default")]),
        _: 3
      }, 8, ["class", "style"]);
    };
  }
});
exports.default = row_vue_vue_type_script_setup_true_lang_default;
