"use strict";
const vue = require("vue");
const types = require("./types.js");
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "OCol",
  props: types.colProps,
  setup(__props) {
    const props = __props;
    return (_ctx, _cache) => {
      var _a, _b, _c, _d;
      return vue.openBlock(), vue.createElementBlock(
        "div",
        {
          class: vue.normalizeClass(["o-col", {
            "o-col-phone": !!props.phone,
            "o-col-pad-v": !!props.padV,
            "o-col-pad": !!props.pad,
            "o-col-laptop": !!props.laptop
          }]),
          style: vue.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
          })
        },
        [
          vue.renderSlot(_ctx.$slots, "default")
        ],
        6
        /* CLASS, STYLE */
      );
    };
  }
});
module.exports = _sfc_main;
