import {
    ChangeDetectionStrategy,
    Component,
    EventEmitter,
    Input,
    Output,
} from '@angular/core';

@Component({
    changeDetection: ChangeDetectionStrategy.OnPush,
    selector: 'carousel-selector-component',
    styleUrls: [
        './carousel-selector.component.scss',
    ],
    templateUrl: './carousel-selector.component.template.pug',
})
export class CarouselSelectorComponent {
    @Input()
    public ids: string[];
    @Input()
    public selectedId: string;
    @Output()
    public onItemSelected = new EventEmitter<string>();

    public isSelected(id: string) {
        return id === this.selectedId;
    }

    public itemSelected(id: string) {
        this.onItemSelected.emit(id);
    }
}