import { type FC } from 'react'
import UploadBoxDraggble from '@/components/UploadBoxDraggble'

interface FileUploadSectionProps {
    onFileChange: (files: File[]) => void
}

export const FileUploadSection: FC<FileUploadSectionProps> = ({ onFileChange }) => {
    return (
        <div className='w-80 space-y-6'>
            <div className='text-sm bg-white py-8 px-6 rounded-3xl'>
                <h2 className='text-lg font-medium mb-6'>تصویر شاخص</h2>

                <div className='space-y-6'>
                    <div>
                        <UploadBoxDraggble
                            label='تصویر شاخص بلاگ'
                            isMultiple={false}
                            onChange={onFileChange}
                        />
                    </div>
                </div>
            </div>
        </div>
    )
}
