import {Component, EventEmitter, Output} from '@angular/core';
import {ButtonComponent} from "../../../libraries/components/button/button.component";
import {ButtonModel, ButtonType} from "../../../libraries/components/button/models/button.model";

@Component({
  selector: 'app-account-navigation',
  standalone: true,
    imports: [
        ButtonComponent
    ],
  templateUrl: './account-navigation.component.html',
  styleUrl: './account-navigation.component.scss'
})
export class AccountNavigationComponent {

  @Output() onNavChange = new EventEmitter<string>();

  selectedMenu = "ACC";

  accountManagementButton: ButtonModel = {
    disabled: () => this.selectedMenu === 'ACC',
    click: () =>
    {
      this.selectedMenu = 'ACC';
      this.onNavChange.emit(this.selectedMenu);
    },
    text: 'Account Management',
    type: ButtonType.LINK
  }

  publicProfileButton: ButtonModel = {
    disabled: () => this.selectedMenu === 'PPF',
    click: () => {
      this.selectedMenu = 'PPF';
      this.onNavChange.emit(this.selectedMenu);
    },
    text: 'Public Profile',
    type: ButtonType.LINK
  }
}