import { Component, h, Prop } from '@stencil/core';
import Breakpoint from './Breakpoint';
import { getProps } from '../../utils/tools';
export class UIBreakpoint {
    constructor() {
        this.display = 'block';
    }
    render() {
        return (h(Breakpoint, Object.assign({}, getProps(['xs', 'sm', 'md', 'lg', 'xl', 'display'], this)),
            h("slot", null)));
    }
    static get is() { return "ui-breakpoint"; }
    static get styles() { return "breakpoint.scss"; }
    static get properties() { return {
        "xs": {
            "type": "boolean",
            "mutable": false,
            "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
            },
            "required": false,
            "optional": true,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "xs",
            "reflect": false
        },
        "sm": {
            "type": "boolean",
            "mutable": false,
            "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
            },
            "required": false,
            "optional": true,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "sm",
            "reflect": false
        },
        "md": {
            "type": "boolean",
            "mutable": false,
            "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
            },
            "required": false,
            "optional": true,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "md",
            "reflect": false
        },
        "lg": {
            "type": "boolean",
            "mutable": false,
            "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
            },
            "required": false,
            "optional": true,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "lg",
            "reflect": false
        },
        "xl": {
            "type": "boolean",
            "mutable": false,
            "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
            },
            "required": false,
            "optional": true,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "xl",
            "reflect": false
        },
        "display": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "'inline' | 'block' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'table' | 'table-cell'",
                "resolved": "\"block\" | \"flex\" | \"grid\" | \"inline\" | \"inline-block\" | \"inline-flex\" | \"inline-grid\" | \"table\" | \"table-cell\"",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "display",
            "reflect": false,
            "defaultValue": "'block'"
        }
    }; }
}
