import { Component, inject } from '@angular/core';
import { RouterLink } from '@angular/router';
import { NgOptimizedImage } from '@angular/common';
import { PopupService } from '../../services/popup.service';
import { SettingsPopup } from '../settings/settings';

@Component({
  selector: 'header-menu',
  imports: [RouterLink, NgOptimizedImage],
  templateUrl: './header-menu.html',
  styleUrl: './header-menu.scss',
})
export class HeaderMenu {
  private popupService = inject(PopupService);

  onSettingsClick() {
    console.log('HeaderMenu: Settings clicked');
    this.popupService.open(SettingsPopup, { position: { top: '82px', right: '18px' } });
  }
}