import { Component, Host, h, Prop } from '@stencil/core';
import { ResponsiveContainer } from '../../ds';
export class PlatformBar {
    render() {
        return (h(Host, null,
            h(ResponsiveContainer, { class: "platform-bar__container" },
                h("div", { class: "platform-bar__logo" },
                    h("a", { href: "https://ionic.io/" },
                        h("img", { src: "/assets/ionic-logo.png", alt: "Ionic Logo" }))),
                h("div", { class: "platform-bar__desc" },
                    "See how ",
                    h("strong", null, this.productName),
                    " fits into the ",
                    h("a", { href: "https://ionic.io/" }, "Ionic Ecosystem"),
                    " ->"))));
    }
    static get is() { return "site-platform-bar"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() { return {
        "$": ["platform-bar.scss"]
    }; }
    static get styleUrls() { return {
        "$": ["platform-bar.css"]
    }; }
    static get properties() { return {
        "productName": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": true,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "product-name",
            "reflect": false
        }
    }; }
}
