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

@Component({
    changeDetection: ChangeDetectionStrategy.OnPush,
    selector: 'error-display-component',
    styleUrls: [
        './error-display.component.scss',
    ],
    templateUrl: './error-display.component.template.pug',
})
export class ErrorDisplayComponent {
    @Input()
    public errorText = 'An error occurred';
    @Input()
    public errorSubText: string;
    @Input()
    public ctaButtonText = 'Retry';

    @Output()
    public callToAction = new EventEmitter<void>();

    public onCallToAction() {
        this.callToAction.emit();
    }
}