import { Component, h, Prop } from '@stencil/core';
import Paragraph from './Paragraph';
import { getProps } from '../../utils/tools';
export class UIParagraph {
    constructor() {
        /**
         * Which heading level to use
         * [Figma Spec](https://www.figma.com/file/JhTzz4Z6S4WDyfgtMZ1fr1/DS---Core?node-id=353%3A10)
         */
        this.level = 3;
        this.leading = 'body';
    }
    render() {
        return (h(Paragraph, Object.assign({}, getProps(['level', 'heading'], this)),
            h("slot", null)));
    }
    static get is() { return "ui-paragraph"; }
    static get properties() { return {
        "level": {
            "type": "number",
            "mutable": false,
            "complexType": {
                "original": "1 | 2 | 3 | 4 | 5 | 6",
                "resolved": "1 | 2 | 3 | 4 | 5 | 6",
                "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"
        },
        "leading": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "'body' | 'prose' | 'none'",
                "resolved": "\"body\" | \"none\" | \"prose\"",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "leading",
            "reflect": false,
            "defaultValue": "'body'"
        }
    }; }
}
