import { Component, h, Prop } from '@stencil/core';
import ResponsiveContainer from './ResponsiveContainer';
export class UIResponsiveContainer {
    constructor() {
        this.as = 'div';
    }
    render() {
        return (h(ResponsiveContainer, { as: this.as },
            h("slot", null)));
    }
    static get is() { return "ui-responsive-container"; }
    static get properties() { return {
        "as": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "'div' | 'article' | 'section' | 'main'",
                "resolved": "\"article\" | \"div\" | \"main\" | \"section\"",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "as",
            "reflect": false,
            "defaultValue": "'div'"
        }
    }; }
}
