import React from "react";
import { FileUploader } from "@/components/ui/FileUploader";

interface DocumentUploadProps {
  setSelectedFile: (file: File | null) => void;
}

const DocumentUpload: React.FC<DocumentUploadProps> = ({ setSelectedFile }) => {
  return (
    <div className="group sm:col-span-2 lg:col-span-4 transition-all duration-200 hover:shadow-md hover:shadow-[#428B4D]/10">
      <div className="relative p-6 rounded-lg bg-gradient-to-br from-slate-50/80 to-white border-2 border-dashed border-slate-200 hover:border-[#428B4D]/50 transition-all duration-300 hover:shadow-md hover:shadow-[#428B4D]/10">
        <FileUploader
          label="Upload Document"
          onFileChange={setSelectedFile}
          maxSizeMB={1}
          allowedTypes={["application/pdf", "image/png", "image/jpg", "image/jpeg"]}
        />
      </div>
    </div>
  );
};

export default DocumentUpload;