src/app/components/header/header.component.ts

import {Component, OnInit} from '@angular/core';
import {MatCard} from "@angular/material/card";
import {MatToolbar, MatToolbarRow} from "@angular/material/toolbar";
import {AsyncPipe, NgClass, NgForOf} from "@angular/common";
import {MatMenu, MatMenuTrigger} from "@angular/material/menu";
import {MatIcon} from "@angular/material/icon";
import {MatMenuItem} from "@angular/material/menu";
import {RouterLink} from "@angular/router";
import {AppStateService} from "../../state_management/services/app-state.service";
import {MatIconButton} from "@angular/material/button";
import {FlexLayoutModule} from "@angular/flex-layout";

@Component({
  selector: 'app-header',
  standalone: true,
  imports: [
    MatCard,
    MatToolbarRow,
    NgClass,
    MatToolbar,
    MatMenu,
    MatIcon,
    MatMenuTrigger,
    MatMenuItem,
    RouterLink,
    NgForOf,
    AsyncPipe,
    MatIconButton,
    FlexLayoutModule
  ],
  templateUrl: './header.component.html',
  styleUrl: './header.component.css'
})
export class HeaderComponent implements OnInit{

  stateObservable = this.state.state$;


  constructor(private state: AppStateService) { }

  ngOnInit() {
  }

}