import { Component, Prop, Host, h } from '@stencil/core';
export class BreadcrumbItem {
    constructor() {
        /**
         * Link target
         */
        this.href = '#';
    }
    render() {
        return (h(Host, { "aria-role": "list-item" },
            h("div", { class: "Breadcrumbs--item" },
                h("a", { class: "Breadcrumbs--link", href: this.href, hrefLang: this.hreflang },
                    h("slot", null)))));
    }
    static get is() { return "sr-breadcrumb-item"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() { return {
        "$": ["_BreadcrumbItem-component.scss"]
    }; }
    static get styleUrls() { return {
        "$": ["_BreadcrumbItem-component.css"]
    }; }
    static get properties() { return {
        "href": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": "Link target"
            },
            "attribute": "href",
            "reflect": false,
            "defaultValue": "'#'"
        },
        "hreflang": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": true,
            "docs": {
                "tags": [],
                "text": "Target page language"
            },
            "attribute": "hreflang",
            "reflect": false
        }
    }; }
}
