@cometchat/chat-uikit-react-native/lib/calls/CometChatCallLogs/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 { CometChatTheme } from "../../theme/type";
import { DeepPartial } from "../../shared/helper/types";
import { JSX } from "react";
export declare const Style: {
    container: {
        flex: number;
        justifyContent: "center";
        alignItems: "center";
    };
    errorEmptyContainer: {
        flex: number;
        justifyContent: "center";
        alignItems: "center";
        paddingHorizontal: "10%";
        gap: number;
    };
    headerStyle: {
        alignItems: "center";
        justifyContent: "space-between";
    };
    row: {
        flexDirection: "row";
        alignItems: "center";
        gap: number;
    };
    imageStyle: {
        height: number;
        width: number;
        alignSelf: "center";
    };
};
export type CallLogsStyle = {
    emptyStateStyle: {
        titleStyle: TextStyle;
        subTitleStyle: TextStyle;
        containerStyle: ViewStyle;
        icon?: ImageSourcePropType | JSX.Element;
    };
    errorStateStyle: {
        titleStyle: TextStyle;
        subTitleStyle: TextStyle;
        containerStyle: ViewStyle;
        icon?: ImageSourcePropType | JSX.Element;
    };
    containerStyle: ViewStyle;
    titleTextStyle: TextStyle;
    titleSeparatorStyle: ViewStyle;
    itemStyle: {
        containerStyle: ViewStyle;
        titleTextStyle: TextStyle;
        missedCallTitleTextStyle: TextStyle;
        subTitleTextStyle: TextStyle;
        avatarStyle: AvatarStyle;
        callIconStyle: ImageStyle;
        outgoingCallStatusIconStyle: ImageStyle;
        incomingCallStatusIconStyle: ImageStyle;
        missedCallStatusIconStyle: ImageStyle;
    };
    skeletonStyle: {
        linearGradientColors?: [string, string];
        shimmerBackgroundColor?: ColorValue;
        shimmerOpacity?: number;
        speed?: number;
        containerBackgroundColor?: ColorValue;
    };
};
export declare const getCallLogsStyleLight: (color: CometChatTheme["color"], spacing: CometChatTheme["spacing"], typography: CometChatTheme["typography"]) => DeepPartial<CallLogsStyle>;
export declare const getCallLogsStyleDark: (color: CometChatTheme["color"], spacing: CometChatTheme["spacing"], typography: CometChatTheme["typography"]) => DeepPartial<CallLogsStyle>;
export type CallLogsItemStyle = {
    containerStyle: ViewStyle;
    titleTextStyle: TextStyle;
    missedCallTitleTextStyle: TextStyle;
    subTitleTextStyle: TextStyle;
    avatarStyle: AvatarStyle;
    callIconStyle: ImageStyle;
    outgoingCallStatusIconStyle: ImageStyle;
    missedCallStatusIconStyle: ImageStyle;
    incomingCallStatusIconStyle: ImageStyle;
};
export declare const getCallLogsItemStyle: (color: CometChatTheme["color"], spacing: CometChatTheme["spacing"], typography: CometChatTheme["typography"]) => CallLogsItemStyle;