@vue-material/core/dist/components/Box/Flex/flex-box.vue.js

Yet another 'Material Design Components' library for Vue3.

import $i from "../../../attach-styles.js";
$i(".md-flex{display:flex}.md-flex>.md-flex-span,.md-flex>[span]{flex:1 1 auto}", "5594af55");
import { defineComponent, openBlock, createBlock, normalizeClass, unref, withCtx, renderSlot } from "vue";
import { createStyle } from "../../../utils/create-style/index.js";
import _sfc_main$1 from "../box.vue.js";
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...{ name: "MdFlexBox" },
  __name: "flex-box",
  props: {
    direction: {},
    align: {},
    justify: {},
    wrap: {},
    gap: {}
  },
  setup(__props) {
    const props = __props;
    const flexClass = createStyle(() => ({
      flexDirection: props.direction,
      justifyContent: props.justify,
      alignItems: props.align,
      flexWrap: props.wrap,
      gap: props.gap
    }));
    return (_ctx, _cache) => {
      return openBlock(), createBlock(_sfc_main$1, {
        class: normalizeClass(["md-flex", unref(flexClass)])
      }, {
        default: withCtx(() => [
          renderSlot(_ctx.$slots, "default")
        ]),
        _: 3
      }, 8, ["class"]);
    };
  }
});
export {
  _sfc_main as default
};