import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, normalizeStyle, renderSlot } from 'vue';
import '../../../utils/index.mjs';
import { verticalLayoutProps } from './vertical-layout.mjs';
import { createNamespace } from '../../../utils/create-namespace.mjs';
import { addUnit } from '../../../utils/add-unit.mjs';

"use strict";
var _sfc_main = /* @__PURE__ */ defineComponent({
  ...{ name: "LlVerticalLayout" },
  __name: "vertical-layout",
  props: verticalLayoutProps,
  setup(__props) {
    const bem = createNamespace("vertical-layout");
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock(
        "div",
        {
          class: normalizeClass(unref(bem).b())
        },
        [
          createCommentVNode(" \u9876\u90E8 "),
          createElementVNode(
            "div",
            {
              class: normalizeClass(unref(bem).e("top")),
              style: normalizeStyle({
                height: unref(addUnit)(_ctx.topHeight),
                marginBottom: unref(addUnit)(_ctx.verticalSpace)
              })
            },
            [
              renderSlot(_ctx.$slots, "top")
            ],
            6
            /* CLASS, STYLE */
          ),
          createElementVNode(
            "div",
            {
              class: normalizeClass(unref(bem).e("content"))
            },
            [
              renderSlot(_ctx.$slots, "content")
            ],
            2
            /* CLASS */
          )
        ],
        2
        /* CLASS */
      );
    };
  }
});

export { _sfc_main as default };
//# sourceMappingURL=vertical-layout.vue2.mjs.map
