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

@Component({
    changeDetection: ChangeDetectionStrategy.OnPush,
    selector: 'loading-button-component',
    styleUrls: [
        './loading-button.component.scss',
    ],
    templateUrl: './loading-button.component.template.pug',
})
export class LoadingButtonComponent {
    @Input()
    public classes = ['c-btn', 'c-btn--primary'];
    @Input()
    public isLoading = false;
    @Input()
    public disabled = false;
    @Input()
    public type: string;
    @Output()
    public onClick = new EventEmitter();

    public isDisabled() {
        return this.disabled || this.isLoading;
    }

    public click() {
        this.onClick.emit();
    }
}