import { r as registerInstance, h } from './index-aeac5cad.js';
import { A as App } from './App-418c0118.js';

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

export { SmoothlyAppDemo as smoothly_app_demo };
