@cometchat/chat-uikit-react-native/lib/CometChatMessageHeader/CometChatMessageHeader.d.ts

Ready-to-use Chat UI Components for React Native

import { JSX } from "react";
import { CometChat } from "@cometchat/chat-sdk-react-native";
import { MessageHeaderStyle } from "./styles";
import { DeepPartial } from "../shared/helper/types";
export type CometChatMessageHeaderInterface = {
    /**
     * Custom item view. Receives { user, group }.
     */
    ItemView?: ({ user, group }: {
        user?: CometChat.User;
        group?: CometChat.Group;
    }) => JSX.Element;
    /**
     * Custom leading view. Receives { user, group }.
     */
    LeadingView?: ({ user, group, }: {
        user?: CometChat.User;
        group?: CometChat.Group;
    }) => JSX.Element;
    /**
     * Custom title view. Receives { user, group }.
     */
    TitleView?: ({ user, group }: {
        user?: CometChat.User;
        group?: CometChat.Group;
    }) => JSX.Element;
    /**
     * Custom subtitle view. Receives { user, group }.
     */
    SubtitleView?: ({ user, group, }: {
        user?: CometChat.User;
        group?: CometChat.Group;
    }) => JSX.Element;
    /**
     * Custom trailing view. Receives { user, group }.
     */
    TrailingView?: ({ user, group, }: {
        user?: CometChat.User;
        group?: CometChat.Group;
    }) => JSX.Element;
    /**
     * Custom auxiliary button view. Receives { user, group }.
     */
    AuxiliaryButtonView?: ({ user, group, }: {
        user?: CometChat.User;
        group?: CometChat.Group;
    }) => JSX.Element;
    /**
     * User object.
     */
    user?: CometChat.User;
    /**
     * Group object.
     */
    group?: CometChat.Group;
    /**
     * Hide the back button.
     */
    showBackButton?: boolean;
    /**
     * Callback when back button is pressed.
     */
    onBack?: () => void;
    /**
     * Custom styles.
     */
    style?: DeepPartial<MessageHeaderStyle>;
    /**
     * Error callback.
     */
    onError?: (error: CometChat.CometChatException) => void;
    /**
     * toggle visibilty of voice call button.
     */
    hideVoiceCallButton?: boolean;
    /**
     * toggle visibilty of video call button.
     */
    hideVideoCallButton?: boolean;
    /**
     * toggle visibilty of user status.
     */
    usersStatusVisibility?: boolean;
};
/** CometChatMessageHeader renders the header for a conversation. */
export declare const CometChatMessageHeader: (props: CometChatMessageHeaderInterface) => JSX.Element;