import { h, Host } from "@stencil/core";
import { GridClass } from "./constants";
import { govHost } from "../../helpers/Dom/template";
export class GovGrid {
    constructor() {
        this.h = govHost(this.host);
    }
    render() {
        return (h(Host, { key: 'c3ab0c523d11db70b02a8abb75f18199a5a0e5a2', class: this.h.classes(GridClass.root), role: "list" }, h("slot", { key: '98eac108759934ee4dd5b008e988a5761e642b27' })));
    }
    static get is() { return "gov-grid"; }
    static get properties() {
        return {
            "alignItems": {
                "type": "string",
                "attribute": "align-items",
                "mutable": false,
                "complexType": {
                    "original": "'start' | 'center' | 'end' | 'stretch'",
                    "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Horizontal align of cells"
                },
                "getter": false,
                "setter": false,
                "reflect": true
            },
            "justifyItems": {
                "type": "string",
                "attribute": "justify-items",
                "mutable": false,
                "complexType": {
                    "original": "'start' | 'center' | 'end' | 'stretch'",
                    "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Vertical align of cells"
                },
                "getter": false,
                "setter": false,
                "reflect": true
            },
            "gap": {
                "type": "string",
                "attribute": "gap",
                "mutable": false,
                "complexType": {
                    "original": "GridSizesType",
                    "resolved": "\"2xl\" | \"2xs\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
                    "references": {
                        "GridSizesType": {
                            "location": "import",
                            "path": "./constants",
                            "id": "../../../packages/core/src/components/gov-grid/constants.ts::GridSizesType"
                        }
                    }
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "The gap property creates consistent spacing between flex items in the container."
                },
                "getter": false,
                "setter": false,
                "reflect": true
            }
        };
    }
    static get elementRef() { return "host"; }
}
//# sourceMappingURL=gov-grid.js.map
