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

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

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

const ImageField: FC<Props> = ({ name, label = 'Image', help = 'Approx 128 x 128. Max 5 MBs.' }) => {
    return <FileField name={name} label={label} help={help} previewWidth={64} maxSize={MEDIA_DEFAULT_MAX_SIZE} />
}

export default ImageField