{ if (e.key === 'Enter') { onpreview(); } else if (e.key === ' ') { e.preventDefault(); onselect(); } }} onclick={onselect} ondblclick={onpreview} class="flex items-stretch border-l transition-all hover:bg-white/2 {selected ? 'border-sky-400/50 bg-white/2 ring-1 ring-sky-400/50 ring-inset' : 'border-sky-200/20 border-l-transparent hover:border-l-sky-400/50'}" > {formatName(file.name)} {formatSize(file.size)} {new Date(file.uploadedAt).toLocaleString()}