import './components/app-base.js';
import './components/main-window.js';
import './components/custom-button.js';
import './components/item-list.js';

class App {
  constructor(root, text, store) {
    this.root = root;
  }

  start() {
    this.root.innerHTML = `
      <style>
        html {
          height: 100%;
        }
        body {
          background: transparent linear-gradient(135deg, #A1C4FD 0%, #C2E9FB 100%) 0% 0% no-repeat padding-box;
          opacity: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          min-height: 100%;
        }
      </style>
      <app-base></app-base>
    `;
  }
}

const app = new App(document.getElementById('root'));

app.start();