flexor-web/src/app/components/controls/cover-image-field.tsx

import React, { FC } from 'react'
import { MEDIA_COVER_MAX_SIZE } from '../../constants'
import FileField from './file-field'

interface Props {
    name: string
    label?: string
    help?: string
}

const CoverImageField: FC<Props> = ({ name, label = 'Cover Image', help = 'Approx 400 x 200. Max 5 MBs.' }) => {
    return (
        <FileField
            name={name}
            label={label}
            width={400}
            height={200}
            help={help}
            previewWidth={200}
            maxSize={MEDIA_COVER_MAX_SIZE} />
    )
}

export default CoverImageField