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

@Component({
    selector: 'star-rating-selector-component',
    styleUrls: [
        './star-rating-selector.component.scss',
    ],
    templateUrl: './star-rating-selector.component.template.pug',
})
export class StarRatingSelectorComponent {
    @Input()
    public additionalClasses: string[];

    @Input()
    public showTooltips: boolean = false;

    @Input()
    public selectedStarRating: number;

    @Input()
    public numberOfStars: number = 5;

    @Output()
    public onSelectRating = new EventEmitter<number>();

    public isASelectedStar(rating: number) {
        return Boolean(
            this.selectedStarRating
            && rating <= this.selectedStarRating,
        );
    }

    public selectRating(rating: number) {
        this.onSelectRating.emit(rating);
    }
}