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

Ready-to-use Chat UI Components for React Native

import { ColorValue, ImageSourcePropType, ImageStyle, TextStyle, ViewStyle } from "react-native";
import { ActionSheetStyle, CometChatTheme } from "../theme/type";
import { DeepPartial } from "../shared/helper/types";
import { JSX } from "react";
export declare const Style: {
    container: {
        paddingVertical: number;
    };
    padding: {
        paddingStart: number;
        paddingEnd: number;
    };
    buttonContainerStyle: {
        justifyContent: "space-between";
    };
    rowDirection: {
        flexDirection: "row";
    };
    imageStyle: {};
};
export type MessageComposerStyle = {
    containerStyle: ViewStyle;
    sendIcon?: ImageSourcePropType | JSX.Element;
    sendIconStyle: ImageStyle;
    sendIconContainerStyle: ViewStyle;
    attachmentIcon?: ImageSourcePropType | JSX.Element;
    attachmentIconStyle: ImageStyle;
    voiceRecordingIcon: ImageSourcePropType | JSX.Element;
    voiceRecordingIconStyle: ImageStyle;
    messageInputStyles: {
        containerStyle: ViewStyle;
        textStyle: TextStyle;
        placeHolderTextColor?: ColorValue | undefined;
        dividerStyle: ViewStyle;
    };
    mentionsStyle: CometChatTheme["mentionsStyle"];
    stickerIcon: {
        active: ImageSourcePropType | JSX.Element;
        inactive: ImageSourcePropType | JSX.Element;
    };
    stickerIconStyle: {
        active: ImageStyle;
        inactive: ImageStyle;
    };
    mediaRecorderStyle: CometChatTheme['mediaRecorderStyle'];
    attachmentOptionsStyles: ActionSheetStyle;
};
export declare const getComposerStyle: (color: CometChatTheme["color"], spacing: CometChatTheme["spacing"], typography: CometChatTheme["typography"]) => DeepPartial<MessageComposerStyle>;