32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
'use client';
|
|
|
|
import { Upload, UploadCloud } from 'lucide-react';
|
|
|
|
const UploadPage = () => {
|
|
return (
|
|
<div className="p-4 md:p-6 space-y-4">
|
|
{/* Page Header */}
|
|
<header className="pb-3 border-b border-slate-800">
|
|
<div className="flex items-center gap-2">
|
|
<Upload className="w-5 h-5 text-purple-400" />
|
|
<div>
|
|
<h1 className="text-lg font-semibold text-white">Upload</h1>
|
|
<p className="text-xs text-gray-400">Upload and manage reference images</p>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
{/* Upload Dropzone Placeholder */}
|
|
<div className="p-6 bg-slate-900/50 backdrop-blur-sm border border-slate-700 border-dashed rounded-lg text-center">
|
|
<div className="w-12 h-12 mx-auto mb-3 flex items-center justify-center bg-slate-800 rounded-lg">
|
|
<UploadCloud className="w-6 h-6 text-gray-500" />
|
|
</div>
|
|
<h2 className="text-sm font-medium text-white mb-1">Upload Interface</h2>
|
|
<p className="text-xs text-gray-400">Drag and drop files or click to browse</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default UploadPage;
|