'use strict';

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

const index = require('./index-0b1e2673.js');
const App = require('./App-1647a125.js');

const SmoothlyAppDemo = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    return (index.h(App.App, { label: "Smoothly Demo" }, index.h("smoothly-select", { identifier: "language", slot: "header", background: "rgb(var(--smoothly-app-background))" }, index.h("optgroup", { label: "Nordic" }, index.h("option", { value: "sv" }, "Swedish"), index.h("option", { value: "da", selected: true }, "Danish"), index.h("option", { value: "no" }, "Norwegian")), index.h("optgroup", { label: "Other" }, index.h("option", { value: "en" }, "English"))), index.h("a", { slot: "nav-start", href: "display" }, "Display"), index.h("a", { slot: "nav-start", href: "https://google.com" }, "External"), index.h("smoothly-trigger", { slot: "nav-end", type: "link", fill: "clear", name: "logout" }, index.h("smoothly-icon", { toolTip: "Log out", name: "log-out", size: "medium", fill: "clear", color: "light" })), index.h("smoothly-room", { path: "" }, index.h("smoothly-input", { type: "text" }, "Default")), index.h("smoothly-room", { path: "input", label: "Input" }, index.h("smoothly-input-demo", null)), index.h("smoothly-room", { path: "display", label: "Display" }, index.h("smoothly-display-demo", null)), index.h("smoothly-room", { path: "select", label: "Select" }, index.h("smoothly-select-demo", null)), index.h("smoothly-room", { path: "icon", label: "Icon" }, index.h("smoothly-icon-demo", null)), index.h("smoothly-room", { path: "old", label: "Old", to: "select" })));
  }
};

exports.smoothly_app_demo = SmoothlyAppDemo;
