import { r as registerInstance, h, g as getElement } from './index-08b73e9e.js';
import { A as App } from './App-364e27cc.js';
import './Token-ba2c5d5c.js';
import './Item-f4cbd6f4.js';
import { C as Connection } from './index-3299c1c0.js';
import './Credentials-b84c0c5f.js';
import './index-a0a71287.js';
import './_commonjsHelpers-9943807e.js';
import './index-1f953d81.js';
import './TextDecoder-357ac2ce.js';

const ComponentDemo = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  async componentWillLoad() {
    Connection.baseUrl = "https://api.payfunc.com/";
    Connection.key = "";
  }
  render() {
    const items = [
      {
        number: "ts001-b",
        name: "Basic T-shirt, black",
        price: 119.6,
        vat: 29.9,
        quantity: 5,
      },
      {
        number: "ts001-w",
        name: "Basic T-shirt, white",
        price: 200.0,
        vat: 50.0,
        quantity: 10,
      },
    ];
    return (h(App, { label: "Component Demo" }, h("ig-user-menu", { slot: "nav-end", "user-name": "Test User AB" }), h("smoothly-room", { path: "item", label: "Items" }, h("ig-items-display", { items: items, currency: "SEK" }), h("ig-items-display", { items: 1337.4222, currency: "SEK" })), h("smoothly-room", { label: "Orders", path: "order" }, h("ig-orders", { orders: this.orders })), h("smoothly-room", { path: "onboard", label: "Onboard" }, h("onboard-demo", null))));
  }
  get element() { return getElement(this); }
};

export { ComponentDemo as component_demo };
