@cometchat/chat-uikit-react-native/lib/extensions/LinkPreview/LinkPreviewBubble.d.ts

Ready-to-use Chat UI Components for React Native

import { JSX } from "react";
import { CometChatTheme } from "../../theme/type";
/**
 * Props for the LinkPreviewBubble component.
 */
export interface LinkPreviewBubbleInterface {
    /** Custom child view to render below the preview */
    ChildView?: () => JSX.Element;
    /** Description text to display */
    description?: string;
    /** Custom style object for the bubble */
    style?: {
        /** Custom body style */
        bodyStyle?: (CometChatTheme["linkPreviewBubbleStyles"] & {})["bodyStyle"];
        /** Custom header image style */
        headerImageStyle?: (CometChatTheme["linkPreviewBubbleStyles"] & {})["headerImageStyle"];
        /** Custom header image container style */
        headerImageContainerStyle?: (CometChatTheme["linkPreviewBubbleStyles"] & {})["headerImageContainerStyle"];
    };
    /** URL of the link to preview */
    link: string;
    /** Callback when the preview is pressed */
    onPress?: () => void;
    /** Title text to display */
    title: string;
    /** Image URL for the preview header */
    image: string;
    /** Favicon URL to display */
    favicon: string;
}
/**
 * LinkPreviewBubble component displays a preview of a link with image, title, description, and favicon.
 *
 * @param props - LinkPreviewBubbleInterface properties.
 * @returns A JSX.Element rendering the link preview bubble.
 */
export declare const LinkPreviewBubble: (props: LinkPreviewBubbleInterface) => JSX.Element;