(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-grid{display:grid;row-gap:var(--gap-h);column-gap:var(--gap-v)}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
import { defineComponent as n, computed as r, createElementBlock as s, openBlock as m, normalizeStyle as p, renderSlot as a } from "vue";

const c = {
  name: "PlGrid"
}, f = /* @__PURE__ */ n({
  ...c,
  props: {
    columns: {}
  },
  setup(e) {
    const t = e, o = r(() => ({
      gridTemplateColumns: `repeat(${t.columns}, minmax(0, 1fr))`
    }));
    return (l, u) => (m(), s("div", {
      class: "pl-layout-component pl-grid",
      style: p(o.value)
    }, [
      a(l.$slots, "default")
    ], 4));
  }
});
export {
  f as default
};
//# sourceMappingURL=PlGrid.vue.js.map
