<div class="game-layout">
	<div class="left-panel">Sidebar content</div>

	<div class="main-area">
		<div class="canvas-wrapper" #canvasWrapper>
			<canvas #gameCanvas></canvas>
		</div>
		<div class="bottom-panel">
			<button (click)="rewind()">⏮ Rewind</button>
			<button (click)="start()">▶ Play</button>
			<button (click)="stop()">⏸ Pause</button>
			<button (click)="step()">Step</button>
			<button (click)="fastForward()">⏭ Fast Forward</button>
			<div>Step: {{ simMain.currentStep }}</div>
			<button (click)="openOptions()">Options</button>
		</div>
	</div>
</div>

<app-options
	*ngIf="optionsOpen"
	(closed)="closeOptions()"
	[mode]="'modal'"
></app-options>
