/**
 * Badges are used to draw attention and display statuses or counts.
 *
 * @status new
 * @version 8.0.0
 * @type CSS Only
 * @supportedTags none
 */
export class NanoBadge {
    /** The semantic theme of the button. Defaults to primary / brand blue  */
    theme;
    /** The strength / vibrancy of the theme. Defaults to `3` */
    strength;
    /** Use pulse to draw attention to the badge with an animation */
    pulse;
    static get is() { return "nano-badge"; }
    static get originalStyleUrls() {
        return {
            "$": ["badge.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["badge.css"]
        };
    }
    static get properties() {
        return {
            "theme": {
                "type": "string",
                "attribute": "theme",
                "mutable": false,
                "complexType": {
                    "original": "Color",
                    "resolved": "\"danger\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"",
                    "references": {
                        "Color": {
                            "location": "import",
                            "path": "../../types/shared",
                            "id": "src/types/shared.ts::Color"
                        }
                    }
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "The semantic theme of the button. Defaults to primary / brand blue"
                },
                "getter": false,
                "setter": false,
                "reflect": true
            },
            "strength": {
                "type": "string",
                "attribute": "strength",
                "mutable": false,
                "complexType": {
                    "original": "'1' | '2' | '3' | '4'",
                    "resolved": "\"1\" | \"2\" | \"3\" | \"4\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "The strength / vibrancy of the theme. Defaults to `3`"
                },
                "getter": false,
                "setter": false,
                "reflect": true
            },
            "pulse": {
                "type": "boolean",
                "attribute": "pulse",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Use pulse to draw attention to the badge with an animation"
                },
                "getter": false,
                "setter": false,
                "reflect": true
            }
        };
    }
}
