import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
import { ModalComponent } from '@/shared/ui/modal/modal.component';
import { WithBackgroundImageDirective } from '@/shared/ui/with-background-image.directive';
import { SpeakerItemComponent } from '../speaker-item/speaker-item.component';
import { SpeakerModalComponent } from '../speaker-modal/speaker-modal.component';
import { Speaker, speakers } from '../speakers';

@Component({
	selector: 'app-speakers',
	templateUrl: './speakers.component.html',
	styleUrls: ['./speakers.component.scss'],
	changeDetection: ChangeDetectionStrategy.OnPush,
	standalone: true,
	imports: [
		WithBackgroundImageDirective,
		ModalComponent,
		SpeakerItemComponent,
		SpeakerModalComponent,
	],
})
export class SpeakersComponent {
	readonly speakers = speakers;
	selectedSpeaker = signal<Speaker | null>(null);
}