import { Component, OnInit, ViewChild, ChangeDetectorRef, ViewEncapsulation, Input } from '@angular/core';
import { Router } from '@angular/router';
import { HeaderProperties } from '../../interfaces/header-properties-interface';
import { HeaderProfileProperties } from '../../interfaces/header-profile-properties.interface';


@Component({
    selector: 'app-header',
    templateUrl: './header.component.html',
    styleUrls: ['./header.component.scss']
})

export class HeaderComponent implements OnInit {
    public headerItems: HeaderProperties[];
    public headerProfile: HeaderProfileProperties;

    @Input() showNavs?: boolean = true;
    constructor(
        private router: Router,
        private ref: ChangeDetectorRef) {

            this.headerItems = [
                { 'label': 'My Wishlist', 'linkValue': '/wishlist' },
                { 'label': 'Login/Register', 'linkValue': '/login' }
            ];
    
      
    
            this.headerProfile = {
                imageUrl: '',
                name: 'Joanne Lim',
                dropdown: [
                    { 'label': 'Profile', 'linkValue': '/profile' },
                    { 'label': 'Settings', 'linkValue': '/settings' }]
            };
    }

    public ngOnInit(): void {
    }

}
