// modules
import { CommonModule } from '@angular/common';
import { Component, Input } from '@angular/core';
import { NgbModule, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';

// components
import { CaAppTooltipV2Component } from '../ca-app-tooltip-v2/ca-app-tooltip-v2.component';

// enums
import { eColor, ePosition } from '../../enums';

// interfaces
import { IProgressBarColorConfig } from './interfaces';

// pipes
import { ProgressBarLinePipe } from '../../pipes';

@Component({
    selector: 'app-ca-progress-bar-v2',
    imports: [
        // modules
        CommonModule,
        NgbModule,
        NgbTooltip,
        // components
        CaAppTooltipV2Component,
        // pipes
        ProgressBarLinePipe,
    ],
    templateUrl: './ca-progress-bar-v2.component.html',
    styleUrls: ['./ca-progress-bar-v2.component.scss'],
})
export class CaProgressBarV2Component {
    @Input() progressPercentage: number = 0;
    @Input() text: string | undefined;
    @Input() tooltipText: string | undefined;
    @Input() customText: string | undefined;
    @Input() customTextPrice: string | undefined;
    @Input() isTableColumn: boolean = false;
    @Input() isSmallProgressBar: boolean = false;
    @Input() colorConfig: IProgressBarColorConfig | undefined;
    @Input() isFocused: boolean = false;
    @Input() isBoldText: boolean = false;

    public eColor = eColor;
    public ePosition = ePosition;

    constructor() {}
}