import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet],
  template: `
    <main class="min-h-screen flex flex-col justify-between p-6 bg-[#0a0a0c]">
      <header class="flex justify-between items-center border-b border-white/10 pb-4 mb-6">
        <h1 class="text-2xl font-extrabold tracking-wider text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-500">
          KINETIX INTRANET
        </h1>
        <div class="text-xs text-white/50">MODULAR AGENT ARCHITECTURE</div>
      </header>

      <section class="flex-grow">
        <router-outlet></router-outlet>
      </section>

      <footer class="border-t border-white/5 pt-4 mt-6 text-center text-xs text-white/30">
        © 2026 Kinetix Corp. All rights reserved.
      </footer>
    </main>
  `
})
export class AppComponent {}
