28 lines
1.0 KiB
TypeScript
28 lines
1.0 KiB
TypeScript
import React from 'react';
|
|
|
|
const OcrUpload: React.FC = () => {
|
|
return (
|
|
<div className="bg-white p-6 rounded-xl shadow-sm h-full">
|
|
<h2 className="text-xl font-bold mb-4">Unggah Dokumen Baru</h2>
|
|
<div className="mt-4 p-8 border-2 border-dashed border-gray-300 rounded-lg text-center">
|
|
<i className="fa-solid fa-cloud-upload-alt text-5xl text-gray-400"></i>
|
|
<p className="mt-4 text-sm text-gray-600">
|
|
Seret & lepas file di sini, atau klik untuk memilih file.
|
|
</p>
|
|
<p className="text-xs text-gray-500 mt-1">Mendukung: PDF, JPG, PNG</p>
|
|
<button className="mt-6 w-full bg-red-600 text-white px-4 py-2 rounded-lg hover:bg-red-700 transition duration-300 shadow-sm font-semibold">
|
|
Pilih File
|
|
</button>
|
|
</div>
|
|
<div className="mt-4 text-xs text-gray-500">
|
|
<p>
|
|
<strong>Catatan:</strong> Ini adalah mockup. Mengklik tombol tidak akan membuka dialog
|
|
file.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default OcrUpload;
|