upsi dupsi, da sind noch die componenten 🤡

src/app/theater-layout/theater-layout.component.html

@@ -0,0 +1,3 @@
+@for (row of seatsPerRow(); track $index) {
+  <app-seat-row class="flex justify-center" [rowSeatList]="row"></app-seat-row>
+}

src/app/theater-layout/theater-layout.component.ts

@@ -0,0 +1,13 @@
+import {Component, input} from '@angular/core';
+import {Sitzplatz} from '@infinimotion/model-frontend';
+import {TheaterSeatState} from '../model/theater-seat-state.model';
+
+@Component({
+  selector: 'app-theater-layout',
+  standalone: false,
+  templateUrl: './theater-layout.component.html',
+  styleUrl: './theater-layout.component.css'
+})
+export class TheaterLayoutComponent {
+  seatsPerRow = input.required<{ seat: Sitzplatz, state: TheaterSeatState }[][]>();
+}