@opensig/opendesign/es/grid/OCol.vue.mjs

import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
import { colProps } from "./types.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "OCol",
  props: colProps,
  setup(__props) {
    const props = __props;
    return (_ctx, _cache) => {
      var _a, _b, _c, _d, _e;
      return openBlock(), createElementBlock(
        "div",
        {
          class: normalizeClass(["o-col", {
            "o-col-phone": !!props.phone,
            "o-col-pad-v": !!props.padV,
            "o-col-pad": !!props.pad,
            "o-col-laptop": !!props.laptop,
            "o-col-pc-s": !!props.pcS
          }]),
          style: normalizeStyle({
            alignSelf: props.align,
            "--col-flex": props.flex,
            "--col-phone-flex": (_a = props.phone) == null ? void 0 : _a.flex,
            "--col-pad-v-flex": (_b = props.padV) == null ? void 0 : _b.flex,
            "--col-pad-flex": (_c = props.pad) == null ? void 0 : _c.flex,
            "--col-laptop-flex": (_d = props.laptop) == null ? void 0 : _d.flex,
            "--col-pc-s-flex": (_e = props.pcS) == null ? void 0 : _e.flex
          })
        },
        [
          renderSlot(_ctx.$slots, "default")
        ],
        6
        /* CLASS, STYLE */
      );
    };
  }
});
export {
  _sfc_main as default
};