import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { CommonModule } from '@angular/common';

// enums
import { eModalButtonClassType, eModalButtonSize } from './enums';

// components
import { CaSpinnerComponent } from '../ca-spinner/ca-spinner.component';

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

@Component({
    selector: 'app-ca-modal-button',
    templateUrl: './ca-modal-button.component.html',
    styleUrl: './ca-modal-button.component.scss',
    changeDetection: ChangeDetectionStrategy.OnPush,
    imports: [
        CommonModule,
        // components
        CaSpinnerComponent,
        // pipes
        ModalButtonClassPipe,
    ],
})
export class CaModalButtonComponent {
    @Input() type!: eModalButtonClassType;
    @Input() size: eModalButtonSize = eModalButtonSize.NORMAL;
    @Input() text!: string;
    @Input() loadingText: string = 'Loading';
    @Input() isValid: boolean = true;
    @Input() isSpinnerShown: boolean = false;
    @Input() isModalButton: boolean = false;
    @Input() hasBothSpinnerAndText: boolean = false;
}