is there any way to use upload ting with my own Dropzone component,instead of uploadthing components
trying to have something like below
const FileUpload = () => {
const { getRootProps, getInputProps } = useDropzone({
accept: { 'application/pdf': ["pdf"] },
maxFiles: 1,
onDrop: (acceptedFIle) => {
console.log(acceptedFIle)
}
})
return (
<div className='p-2 bg-white rounded-xl'>
<div {...getRootProps({
className: 'border-dashed border-2 rounded-xl cursor-pointer bg-gray-50 py-8 flex justify-center items-center flex-col'
})}>
<input {...getInputProps()} />
<>
<Inbox className='w-10 h-10 text-blue-500' />
<p className='mt-2 text-sm text-slate-400'>Drop PDF Here</p>
</>
</div>
</div>
)
}