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

@Component({
    selector: 'drop-zone-component',
    styleUrls: [
        './drop-zone.component.scss',
    ],
    templateUrl: './drop-zone.component.template.pug',
})
export class DropZoneComponent {
    @Output()
    public onDropFiles = new EventEmitter<FileList>();
    @Output()
    public onDragLeave = new EventEmitter();

    public dropFiles(event: DragEvent) {
        this.onDropFiles.emit(event.dataTransfer.files);
    }

    public dragLeave() {
        this.onDragLeave.emit();
    }
}