import { Component, h, Prop } from '@stencil/core';
import Heading from './Heading';
import { getProps } from '../../utils/tools';
export class UIHeading {
    constructor() {
        /**
         * Which heading level to use
         * [Figma Spec](https://www.figma.com/file/JhTzz4Z6S4WDyfgtMZ1fr1/DS---Core?node-id=353%3A10)
         */
        this.level = 3;
        /**
         * Posters are extra large text, typically used in the hero section of a page.
         * _Note_: Poster only supports levels 1 - 4.
         * [Figma Spec](https://www.figma.com/file/JhTzz4Z6S4WDyfgtMZ1fr1/DS---Core?node-id=363%3A4)
         */
        this.poster = false;
    }
    render() {
        return (h(Heading, Object.assign({}, getProps(['level', 'poster', 'as'], this)),
            h("slot", null)));
    }
    static get is() { return "ui-heading"; }
    static get properties() { return {
        "level": {
            "type": "number",
            "mutable": false,
            "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": "Which heading level to use\n[Figma Spec](https://www.figma.com/file/JhTzz4Z6S4WDyfgtMZ1fr1/DS---Core?node-id=353%3A10)"
            },
            "attribute": "level",
            "reflect": false,
            "defaultValue": "3"
        },
        "poster": {
            "type": "boolean",
            "mutable": false,
            "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": "Posters are extra large text, typically used in the hero section of a page.\n_Note_: Poster only supports levels 1 - 4.\n[Figma Spec](https://www.figma.com/file/JhTzz4Z6S4WDyfgtMZ1fr1/DS---Core?node-id=363%3A4)"
            },
            "attribute": "poster",
            "reflect": false,
            "defaultValue": "false"
        },
        "as": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'",
                "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": "Occasionally, it may make sense to use a different HTML tag than the \ncorresponding Design System level. This is a way to override which element \nis actually used while keeping the desired level's styles."
            },
            "attribute": "as",
            "reflect": false
        }
    }; }
}
