@page "/Upload"

<link rel="stylesheet" href="@(nameof(HyperBooru)).styles.css"/>

<div id="dropzone" class="@((dropHover ? "drop-hover" : ""))">
    <InputFile
        multiple
        title=""
        accept="image/*"
        OnChange=FileInputChange
        @ondragenter=@(() => dropHover = true)
        @ondragleave=@(() => dropHover = false)/>
    <p>Drag a file to upload it</p>
</div>

@code {
    private bool dropHover = false;

    private void FileInputChange(IFileListEntry[] files) {
    }
}