import React from 'react'
import { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'
import { ImageAttachmentPreview } from '../../display'

interface Props {
  uri: string
  alt: string
  status: FileAttachment['status']
  width?: number
  height?: number
  removeAttachment: () => void
}

export function MessageFormAttachmentImage({ uri, alt, status, removeAttachment }: Props) {
  const loading = status === 'uploading'
  const error = status === 'error'

  return (
    <ImageAttachmentPreview
      uri={uri}
      fileName={alt}
      onRemovePress={removeAttachment}
      loading={loading}
      error={error}
      hideRemoveButton={loading}
      size="sm"
    />
  )
}