import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
import { ButtonDirective } from '@/shared/ui/button.directive';
import { SpeakerDescriptionPipe } from '../pipes/speaker-description.pipe';
import { SpeakerImgPipe } from '../pipes/speaker-img.pipe';
import { Speaker } from '../speakers';

@Component({
	selector: 'app-speaker-modal',
	templateUrl: './speaker-modal.component.html',
	styleUrls: ['./speaker-modal.component.scss'],
	changeDetection: ChangeDetectionStrategy.OnPush,
	standalone: true,
	imports: [SpeakerImgPipe, SpeakerDescriptionPipe, ButtonDirective],
})
export class SpeakerModalComponent {
	close = output();
	speaker = input.required<Speaker>();
}