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

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

  onSettingsClick() {
    this.popupService.open(SettingsPopup, { position: { top: '84px', right: '20px' } });
  }
}