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

Ready-to-use Chat UI Components for React Native

import { ColorValue, ImageSourcePropType, ImageStyle, TextStyle, ViewStyle } from "react-native";
import { AvatarStyle } from "../shared/views/CometChatAvatar";
import { BadgeStyle } from "../shared/views/CometChatBadge";
import { DateStyle } from "../shared/views/CometChatDate";
import { ReceiptStyles } from "../shared/views/CometChatReceipt";
import { StatusIndicatorStyles } from "../shared/views/CometChatStatusIndicator";
import { CometChatTheme } from "../theme/type";
import { DeepPartial } from "../shared/helper/types";
import { CometChatListStylesInterface } from "../shared";
import { ConfirmDialogStyle } from "../shared/views/CometChatConfirmDialog/style";
import { JSX } from "react";
export declare const Style: {
    listContainer: {
        flex: number;
        justifyContent: "center";
        alignItems: "center";
        backgroundColor: string;
    };
    errorEmptyStateContainer: {
        flex: number;
        justifyContent: "center";
        alignItems: "center";
        paddingHorizontal: "10%";
        flexDirection: "column";
    };
    row: {
        flex: number;
        flexDirection: "row";
        alignItems: "center";
    };
};
export type ConversationStyle = Omit<CometChatListStylesInterface, "searchStyle" | "sectionHeaderTextStyle"> & {
    containerStyle: ViewStyle;
    statusIndicatorStyles?: StatusIndicatorStyles;
    typingIndicatorStyle: TextStyle;
    titleStyle: TextStyle;
    selectionIconStyle: ImageStyle;
    emptyStateStyle: {
        titleStyle: TextStyle;
        subTitleStyle: TextStyle;
        containerStyle: ViewStyle;
        icon: ImageSourcePropType | JSX.Element;
    };
    errorStateStyle: {
        titleStyle: TextStyle;
        subTitleStyle: TextStyle;
        containerStyle: ViewStyle;
        icon: ImageSourcePropType | JSX.Element;
    };
    backButtonIcon?: ImageSourcePropType | JSX.Element;
    backButtonIconStyle: ImageStyle;
    itemStyle: {
        avatarStyle: AvatarStyle;
        containerStyle: ViewStyle;
        titleStyle: TextStyle;
        subtitleStyle: TextStyle;
        statusIndicatorStyle: Partial<StatusIndicatorStyles>;
        badgeStyle: Partial<BadgeStyle>;
        receiptStyles: Partial<ReceiptStyles>;
        dateStyle: Partial<DateStyle>;
    };
    skeletonStyle: {
        linearGradientColors: [string, string];
        shimmerBackgroundColor: ColorValue;
        shimmerOpacity: number;
        speed: number;
        containerBackgroundColor: ColorValue;
    };
    mentionsStyles: CometChatTheme["mentionsStyle"];
    headerContainerStyle?: ViewStyle;
    confirmDialogStyle: DeepPartial<ConfirmDialogStyle>;
};
export declare const getConversationStyleLight: (color: CometChatTheme["color"], spacing: CometChatTheme["spacing"], typography: CometChatTheme["typography"]) => DeepPartial<ConversationStyle>;
export declare const getConversationStyleDark: (color: CometChatTheme["color"], spacing: CometChatTheme["spacing"], typography: CometChatTheme["typography"]) => DeepPartial<ConversationStyle>;