david_bai
27 lines
706 B
TypeScript
27 lines
706 B
TypeScript
import React from "react";
|
|
import { Upload } from "lucide-react";
|
|
import type { Messages } from "@/types/messages";
|
|
|
|
interface FullScreenDropZoneProps {
|
|
isDragging: boolean;
|
|
messages: Messages;
|
|
}
|
|
|
|
const FullScreenDropZone: React.FC<FullScreenDropZoneProps> = ({
|
|
isDragging,
|
|
messages,
|
|
}) => {
|
|
if (!isDragging) return null;
|
|
|
|
return (
|
|
<div className="fixed inset-0 z-50 flex flex-col items-center justify-center bg-black bg-opacity-70 backdrop-blur-sm">
|
|
<Upload className="h-24 w-24 text-white animate-bounce" />
|
|
<p className="mt-6 text-2xl font-bold text-white">
|
|
{messages.text.fileUploadHandler.dragTips}
|
|
</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default FullScreenDropZone;
|