<header>
  <mat-toolbar color="primary">
    <div class="logo">
      <img src="../../assets/img/Logo.png" alt="">
    </div>
    <span class="example-spacer"></span>
    <div>
      <button class="button-item " routerLink="">หน้าหลัก</button>
      <button class="button-item" routerLink="/create">โพสต์</button>
    </div>
    <div class="card">
      <p class="text-profile">น้องโอมไอ่เด็กเหี้ย</p>
      <button class="button-logout" routerLink="/login">ออกจากระบบ</button>
    </div>
  </mat-toolbar>
</header>
<!-- <header>
  <mat-toolbar color="primary">
    <a routerLink="/" class="logo"></a>
    <span class="example-spacer"></span>
    <a class="links side" routerLink="/auth/login" *ngIf="!user">Login</a>
    <div>
      <a class="links side" *ngIf="user" routerLink="/topic">Topic</a>
      <a class="links side" *ngIf="user" routerLink="/create">Create topic</a>
      <a class="links side" *ngIf="user" [matMenuTriggerFor]="menu">
        <mat-icon>account_circle</mat-icon>{{ user.fullname }}
      </a>
      <mat-menu #menu="matMenu">
        <button mat-menu-item *ngIf="user?.isAdmin" routerLink="/admin">admin</button>
        <button mat-menu-item (click)="logout()">logout</button>
      </mat-menu>
    </div>
  </mat-toolbar>
</header> -->