@sendbird/uikit-react/types/ui/MessageInput/composer/PendingFileCard.d.ts

Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.

import { ReactElement } from 'react';
import type { PendingFile } from '../hooks/usePendingFiles';
interface Props {
    pendingFile: PendingFile;
    onRemove: (id: string) => void;
}
/**
 * Card representation of a non-image pending file in the composer. Used in
 * place of the square image thumbnail when `pendingFile.isImage` is false.
 * The card shows a generic file icon, the (middle-truncated) filename, and
 * the uppercased extension label.
 */
export declare const PendingFileCard: ({ pendingFile, onRemove }: Props) => ReactElement;
export default PendingFileCard;