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

@Component({
  selector: 'app-root',
  template: `
    <div class="flex gap-2">
      <button
        routerLink="home"
        class="rounded-md border border-blue-400 px-4 py-2">
        Home
      </button>
      <button
        routerLink="admin"
        class="rounded-md border border-blue-400 px-4 py-2">
        Admin
      </button>
      <button
        routerLink="user"
        class="rounded-md border border-blue-400 px-4 py-2">
        User
      </button>
    </div>
    <router-outlet></router-outlet>
  `,
  host: {
    class: 'flex flex-col p-4 gap-3',
  },
})
export class AppComponent {}
