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;