'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-d3bf7b92.js');
require('./Button-8e3b47d6.js');
const index$1 = require('./index-478bab3d.js');

const platformBarCss = ".sc-site-platform-bar-h{display:block;background:var(--c-carbon-100)}.platform-bar__container.sc-site-platform-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.platform-bar__logo.sc-site-platform-bar{-ms-flex:1;flex:1}.platform-bar__logo.sc-site-platform-bar img.sc-site-platform-bar{height:24px;margin:6px 0;vertical-align:middle}.platform-bar__desc.sc-site-platform-bar{-ms-flex:1;flex:1;-ms-flex-line-pack:end;align-content:flex-end;color:#ccc;font-size:var(--f-size-2);line-height:160%;text-align:right;letter-spacing:var(--f-tracking-tight)}.platform-bar__desc.sc-site-platform-bar strong.sc-site-platform-bar{color:white}.platform-bar__desc.sc-site-platform-bar a.sc-site-platform-bar{color:white;text-decoration:none}";

const PlatformBar = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h(index.Host, null, index.h(index$1.ResponsiveContainer, { class: "platform-bar__container" }, index.h("div", { class: "platform-bar__logo" }, index.h("a", { href: "https://ionic.io/" }, index.h("img", { src: "/assets/ionic-logo.png", alt: "Ionic Logo" }))), index.h("div", { class: "platform-bar__desc" }, "See how ", index.h("strong", null, this.productName), " fits into the ", index.h("a", { href: "https://ionic.io/" }, "Ionic Ecosystem"), " ->"))));
    }
};
PlatformBar.style = platformBarCss;

exports.site_platform_bar = PlatformBar;
