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

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

const IconImageField: FC<Props> = ({ name, label = 'Icon Image', help = 'Approx 32 x 32. Max 1 MB.' }) => {
    return (
        <FileField
            name={name}
            label={label}
            width={32}
            height={32}
            help={help}
            previewWidth={32}
            maxSize={MEDIA_ICON_MAX_SIZE} />
    )
}

export default IconImageField
