@sendbird/uikit-react/types/ui/MessageInput/composer/PendingFileItem.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;
}
/**
 * Renders one staged file in the composer. Images get a square thumbnail with
 * a corner remove button; non-images delegate to PendingFileCard, which
 * shows a horizontal card with icon + filename + uppercased extension.
 */
export declare const PendingFileItem: ({ pendingFile, onRemove }: Props) => ReactElement;
export default PendingFileItem;