import { Component, inject, signal } from '@angular/core';
import { RouterLink } from '@angular/router';
import { TranslatePipe } from '../translate/translate.pipe';
import { TranslationService, Lang } from '../translate/translation.service';

@Component({
  selector: 'app-site-header',
  imports: [RouterLink, TranslatePipe],
  templateUrl: './site-header.html',
  styleUrl: './site-header.scss'
})
export class SiteHeader {
  private i18n = inject(TranslationService);

  menuOpen = signal(false);
  currentLang = this.i18n.currentLang;

  toggleMenu(): void { this.menuOpen.update(v => !v); }
  closeMenu(): void { this.menuOpen.set(false); }
  setLang(lang: Lang): void { this.i18n.setLanguage(lang); }
}