@cometchat/chat-uikit-react-native
Version:
Ready-to-use Chat UI Components for React Native
83 lines (82 loc) • 2.88 kB
TypeScript
import { ColorValue, ImageSourcePropType, ImageStyle, TextStyle, ViewStyle } from "react-native";
import { CometChatListStylesInterface } from "../shared";
import { CometChatTheme } from "../theme/type";
import { DeepPartial } from "../shared/helper/types";
import { JSX } from "react";
export type GroupMemberStyle = DeepPartial<CometChatListStylesInterface> & {
skeletonStyle: {
backgroundColor: ColorValue;
linearGradientColors: [string, string];
shimmerBackgroundColor: ColorValue;
shimmerOpacity: number;
speed: number;
};
headerContainerStyle: ViewStyle;
ownerBadgeStyle?: {
containerStyle?: ViewStyle;
textStyle?: TextStyle;
};
adminBadgeStyle?: {
containerStyle?: ViewStyle;
textStyle?: TextStyle;
};
moderatorBadgeStyle?: {
containerStyle?: ViewStyle;
textStyle?: TextStyle;
};
removeModalStyle?: {
containerStyle?: ViewStyle;
icon?: ImageSourcePropType | JSX.Element;
iconStyle?: ImageStyle;
iconContainerStyle?: ViewStyle;
cancelStyle?: {
containerStyle: ViewStyle;
textStyle: TextStyle;
};
confirmStyle?: {
containerStyle: ViewStyle;
textStyle: TextStyle;
};
titleTextStyle?: TextStyle;
subTitleTextStyle?: TextStyle;
alertContainer: ViewStyle;
};
banModalStyle?: {
containerStyle?: ViewStyle;
icon?: ImageSourcePropType | JSX.Element;
iconStyle?: ImageStyle;
iconContainerStyle?: ViewStyle;
cancelStyle?: {
containerStyle?: ViewStyle;
textStyle?: TextStyle;
};
confirmStyle?: {
containerStyle?: ViewStyle;
textStyle?: TextStyle;
};
titleTextStyle?: TextStyle;
subTitleTextStyle?: TextStyle;
alertContainer?: ViewStyle;
};
changeScope?: {
container?: ViewStyle;
icon?: ImageSourcePropType | JSX.Element;
iconStyle?: ImageStyle;
iconContainerStyle?: ViewStyle;
titleStyle?: TextStyle;
subTitleStyle?: TextStyle;
cancelStyle?: {
containerStyle?: ViewStyle;
textStyle?: TextStyle;
};
confirmStyle?: {
containerStyle: ViewStyle;
textStyle: TextStyle;
};
actionBox?: ViewStyle;
actionListStyle?: ViewStyle;
buttonContainer?: ViewStyle;
};
};
export declare const getGroupMemberStyleLight: (color: CometChatTheme["color"], spacing: CometChatTheme["spacing"], typography: CometChatTheme["typography"]) => GroupMemberStyle;
export declare const getGroupMemberStyleDark: (color: CometChatTheme["color"], spacing: CometChatTheme["spacing"], typography: CometChatTheme["typography"]) => GroupMemberStyle;