import { type FC } from 'react'
// import { useTranslation } from 'react-i18next'
import UploadBox from '../../../components/UploadBox'

type Props = {
    onChangeVideoFile: (file: File) => void,
    onChangeCoverFile: (file: File) => void
}

const CreateLearningSidebar: FC<Props> = (props: Props) => {
    return (
        <div className='bg-white mt-10 w-sidebar text-xs hidden 2xl:block h-fit px-5 py-7 rounded-3xl'>

            <div className='mt-8'>
                <div>کاور آموزش</div>
                <div className='mt-2'>
                    <UploadBox
                        label='آپلود کاور'
                        onChange={(file: File[]) => props.onChangeCoverFile(file[0])}
                    />
                </div>
            </div>
            <div className='mt-8'>
                <div>ویدیو</div>
                <div className='mt-2'>
                    <UploadBox
                        label='آپلود ویدیو'
                        onChange={(file: File[]) => props.onChangeVideoFile(file[0])}
                    />
                </div>
            </div>
        </div>
    )
}

export default CreateLearningSidebar