import { r as registerInstance, h } from './index-DBTJNfo7.js';

const gridCss = () => `:host{display:block;position:relative}:host([hidden]){display:none}slot{display:grid;grid-template-areas:var(--lime-grid-area, "");grid-template-columns:repeat(var(--lime-grid-columns, 4), minmax(0, 1fr));gap:var(--lime-grid-gutter, 1rem);grid-auto-flow:row dense;grid-auto-rows:var(--lime-grid-cell-height, 2.5rem);margin:0;height:100%;width:100%}`;

const Grid = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    componentWillLoad() {
        console.warn('limel-grid is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout');
    }
    render() {
        return h("slot", { key: 'b080a36f1771ee8da78a25bdd3baab5437faa917' });
    }
};
Grid.style = gridCss();

export { Grid as limel_grid };
