@if (questions$ | async; as questions) {
	<div class="max-h-96 overflow-auto rounded-2xl bg-primary p-4 pb-0 text-white shadow">
		@if (questions.length > 0) {
			@for (question of questions; track question) {
				<div class="mb-4 flex flex-col gap-1">
					<span class="text-sm">
						- {{ question.unixtime | unixTime: 'dd/MM/yy, HH:mm' }}, {{ question.name }} pregunta:
					</span>
					<span>{{ question.question }}</span>
				</div>
			}
		} @else {
			<div class="flex flex-col items-center justify-center gap-8 py-16 text-center">
				<i class="material-icons text-7xl">quiz</i>
				No se encontraron preguntas para esta sesión
			</div>
		}
	</div>
}