import { Component } from '@angular/core';
import { MenuItem } from 'osd-template';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  public title = 'osd-demo-app';
  public menuItems: MenuItem[];
  public logoUrl: string;

  constructor() { }
  ngOnInit() {
    this.menuItems = this.buildMenuItems();
    this.logoUrl = 'https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg';
  };

  private buildMenuItems(): MenuItem[] {
    const home = new MenuItem('Home', '/home');
    const about = new MenuItem('About Us', '/about');
    const contact = new MenuItem('Contact', '/contact');
    return [home, about, contact];
  }
}