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

@Component({
    selector: 'upload-images-drop-area-component',
    styleUrls: [
        './upload-images-drop-area.component.scss',
    ],
    templateUrl: './upload-images-drop-area.component.template.pug',
})
export class UploadImagesDropAreaComponent {
    @Input()
    public title: string;
    @Input()
    public text: string;
    @Input()
    public buttonText: string;
    @Output()
    public onUploadFiles = new EventEmitter<File[]>();
    @Output()
    public onUploadInvalidFile = new EventEmitter<File[]>();

    public uploadFiles(files: File[]) {
        this.onUploadFiles.emit(files);
    }

    public uploadInvalidFile(files: File[]) {
        this.onUploadInvalidFile.emit(files);
    }
}