import { Component, OnInit, ViewChild, ChangeDetectorRef, ViewEncapsulation } 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;

    constructor(
        private router: Router,
        private ref: ChangeDetectorRef) {
    }

    public ngOnInit(): void {
       
        this.headerItems = [
            { 'label': 'My Wishlist', 'linkValue': '/wishlist' },
            { 'label': 'Login/Register', 'linkValue': '/login' }
        ];

  

        this.headerProfile = {
            imageUrl: '',
            name: 'Joanne Lim KK',
            dropdown: [
                { 'label': 'Profile', 'linkValue': '/profile' },
                { 'label': 'Settings', 'linkValue': '/settings' }]
        };



    }

}
