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

// modules
import { CommonModule } from '@angular/common';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

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

// svg routes
import { SharedSvgRoutes } from '../../utils/svg-routes';

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

@Component({
    selector: 'app-ca-files-count',
    templateUrl: './ca-files-count.component.html',
    styleUrl: './ca-files-count.component.scss',
    imports: [
        // modules
        CommonModule,
        NgbModule,

        // components
        SvgIconComponent,
        CaAppTooltipV2Component,
    ],
})
export class CaFilesCountComponent {
    @Input() rowId: number | null = null;
    @Input() filesCount: number = 0;
    @Input() hasCount: boolean = true;
    @Input() isCardView: boolean = false;

    @Output() onFilesCountAction: EventEmitter<number | null> =
        new EventEmitter<number | null>();

    // enums
    public ePosition = ePosition;
    public eColor = eColor;

    // svg routes
    public sharedSvgRoutes = SharedSvgRoutes;

    public onFilesCountClick(rowId: number | null): void {
        this.onFilesCountAction.emit(rowId);
    }
}