@indielayer/ui/lib/components/container/Container.vue.js

Indielayer UI Components with Tailwind CSS build for Vue 3

import { defineComponent as r, openBlock as c, createBlock as p, resolveDynamicComponent as i, normalizeStyle as f, unref as e, normalizeClass as m, withCtx as u, renderSlot as d } from "vue";
import { useTheme as y } from "../../composables/useTheme.js";
const _ = {
  tag: {
    type: String,
    default: "div"
  },
  fluid: {
    type: Boolean,
    default: !1
  }
}, C = { name: "XContainer" }, S = /* @__PURE__ */ r({
  ...C,
  props: _,
  setup(s) {
    const o = s, { styles: a, classes: n, className: l } = y("Container", {}, o);
    return (t, g) => (c(), p(i(t.tag), {
      style: f(e(a)),
      class: m([
        e(l),
        e(n).wrapper
      ])
    }, {
      default: u(() => [
        d(t.$slots, "default")
      ]),
      _: 3
    }, 8, ["style", "class"]));
  }
});
export {
  S as default
};