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

interface Props {
  status: FileAttachment['status']
  name: string
  contentType?: string
  removeAttachment: () => void
}

export function MessageFormAttachmentFile({ name, contentType, status, removeAttachment }: Props) {
  const loading = status === 'uploading'
  const error = status === 'error'

  return (
    <FileAttachmentPreview
      name={name}
      contentType={contentType}
      onRemovePress={removeAttachment}
      loading={loading}
      error={error}
      hideRemoveButton={loading}
    />
  )
}