upsi dupsi, da sind noch die componenten 🤡

src/app/seat/seat.component.html

@@ -0,0 +1,15 @@
+<button class="mx-1 hover:opacity-50">
+  <mat-icon style="font-size: 30px; width: 30px; height: 30px">
+    @if(seatCategory().id ==1){
+      event_seat
+    }
+    @if(seatCategory().id == 2){
+      weekend
+    }
+    @if(seatCategory().id == 3){
+      chair
+    }
+
+  </mat-icon>
+</button>
+

src/app/seat/seat.component.ts

@@ -0,0 +1,14 @@
+import {Component, input} from '@angular/core';
+import {TheaterSeatState} from '../model/theater-seat-state.model';
+import {Sitzkategorie} from '@infinimotion/model-frontend';
+
+@Component({
+  selector: 'app-seat',
+  standalone: false,
+  templateUrl: './seat.component.html',
+  styleUrl: './seat.component.css'
+})
+export class SeatComponent {
+  seatState = input.required<TheaterSeatState>();
+  seatCategory = input.required<Sitzkategorie>();
+}