'use strict';

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

const index = require('./index-0b1e2673.js');
const App = require('./App-1647a125.js');
require('./_commonjsHelpers-937cd5b3.js');
require('./index-1a9e1965.js');
require('./index-451ca284.js');
const index$1 = require('./index-2eb96242.js');

const ComponentDemo = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  async componentWillLoad() {
    index$1.Connection.baseUrl = "https://api.payfunc.com/";
    index$1.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 (index.h(App.App, { label: "Component Demo" }, 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: "item", label: "Items" }, index.h("payfunc-items-display", { items: items, currency: "SEK" }), index.h("payfunc-items-display", { items: 1337.4222, currency: "SEK" })), index.h("smoothly-room", { label: "Orders", path: "order" }, index.h("payfunc-orders", { orders: this.orders })), index.h("smoothly-room", { path: "onboard", label: "Onboard" }, index.h("onboard-demo", null))));
  }
  get element() { return index.getElement(this); }
};

exports.component_demo = ComponentDemo;
