import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { NavbarComponent, FooterComponent } from '@m2s2/ng-lib';
import { NgNavbarConfig, FooterConfig } from '@m2s2/ng-lib';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrl: './app.component.scss',
  standalone: true,
  imports: [RouterOutlet, NavbarComponent, FooterComponent],
})
export class AppComponent {
  readonly navbarConfig: NgNavbarConfig = {
    brand: '{{name}}',
    brandRouterLink: '/',
    isFixed: true,
    buttons: [
      { id: 'home',    title: 'Home',    routerLink: '/' },
      { id: 'about',   title: 'About',   routerLink: '/about' },
      { id: 'contact', title: 'Contact', routerLink: '/contact' },
    ],
  };

  readonly footerConfig: FooterConfig = {
    brandName: '{{name}}',
    links: [
      { type: 'github', href: 'https://github.com/M2S2-Engineering-Group' },
    ],
  };
}
