import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { MatProgressBar } from '@angular/material/progress-bar';
import { NgIf, PercentPipe } from '@angular/common';
import { MatTooltip } from '@angular/material/tooltip';

@Component({
    selector: 'redaction-ocr-progress-bar',
    templateUrl: './ocr-progress-bar.component.html',
    styleUrls: ['./ocr-progress-bar.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true,
    imports: [MatProgressBar, NgIf, MatTooltip, PercentPipe],
})
export class OcrProgressBarComponent {
    @Input() numberOfPagesToOCR: number;
    @Input() numberOfOCRedPages: number;
    @Input() showLabel = false;
    @Input() progressColor: 'white' | 'primary' = 'white';
}
