'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-b7293b2f.js');

const gridCss = ":host{padding:var(--lu-grid-padding-xs, var(--lu-grid-padding, 5px));margin-left:auto;margin-right:auto;display:block}@media (min-width: 576px){:host{padding:var(--lu-grid-padding-sm, var(--lu-grid-padding, 5px))}}@media (min-width: 768px){:host{padding:var(--lu-grid-padding-md, var(--lu-grid-padding, 5px))}}@media (min-width: 992px){:host{padding:var(--lu-grid-padding-lg, var(--lu-grid-padding, 5px))}}@media (min-width: 1200px){:host{padding:var(--lu-grid-padding-xl, var(--lu-grid-padding, 5px))}}:host(.grid-fixed){width:var(--lu-grid-width-xs, var(--lu-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--lu-grid-width-sm, var(--lu-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--lu-grid-width-md, var(--lu-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--lu-grid-width-lg, var(--lu-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--lu-grid-width-xl, var(--lu-grid-width, 1140px))}}:host([no-padding]){padding:0}:host([no-padding]) ::slotted(lu-col){padding:0}";

const Grid = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /**
     * If `true`, the grid will have a fixed width based on the screen size.
     */
    this.fixed = false;
  }
  hostData() {
    return {
      class: {
        'grid-fixed': this.fixed
      }
    };
  }
  __stencil_render() {
    return index.h("slot", null);
  }
  render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
};
Grid.style = gridCss;

exports.lu_grid = Grid;

//# sourceMappingURL=lu-grid.cjs.entry.js.map