first commit

components/ocr/OcrUpload.tsx

@@ -0,0 +1,27 @@
+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;