@cometchat/chat-uikit-react-native/lib/shared/views/CometChatImageBubble/CometChatImageBubble.js

Ready-to-use Chat UI Components for React Native

import React from "react";
import { CometChatImageLoader } from "./CometChatImageLoader";
/**
 * CometChatImageBubble is a component that displays an image with support for thumbnails,
 * placeholders, and custom styling. It uses the CometChatImageLoader component internally.
 *
 * Props for the image bubble component.
 * The rendered image bubble.
 */
export const CometChatImageBubble = (props) => {
    const { thumbnailUrl, imageUrl, placeHolderImage, style, resizeMode } = props;
    return (<>
      <CometChatImageLoader imageUrl={imageUrl} thumbnailUrl={thumbnailUrl} activityIndicatorSize={48} activityIndicatorViewStyle={{
            height: style?.height,
            width: style?.width,
            backgroundColor: style?.backgroundColor,
            justifyContent: "center",
            alignItems: "center",
            borderRadius: style?.borderRadius,
        }} placeHolderImage={placeHolderImage} style={style} imageResizeMode={resizeMode || "cover"}/>
    </>);
};
//# sourceMappingURL=CometChatImageBubble.js.map