@cometchat/chat-uikit-react-native/lib/CometChatMessageHeader/styles.js

Ready-to-use Chat UI Components for React Native

import { StyleSheet } from "react-native";
export const styles = StyleSheet.create({
    container: { flexDirection: "row", width: "100%" },
    backButtonIconStyle: {
        height: 27,
        width: 27,
        resizeMode: "contain",
    },
});
export const getMessageHeaderStyle = (color, spacing, typography) => ({
    containerStyle: {
        flexDirection: "row",
        alignItems: "center",
        backgroundColor: color.background1,
        gap: 8,
        paddingHorizontal: spacing.padding.p4,
        paddingVertical: spacing.padding.p3,
    },
    backButtonStyle: { marginHorizontal: 2 },
    titleTextStyle: {
        color: color.textPrimary,
        ...typography.heading4.medium,
    },
    subtitleTextStyle: {
        color: color.textSecondary,
        ...typography.caption1.regular,
    },
    backButtonIconStyle: {
        height: 27,
        width: 27,
        tintColor: color.iconPrimary,
    },
    typingIndicatorTextStyle: {
        color: color.textHighlight,
        ...typography.caption1.regular,
    },
    callButtonStyle: {},
    avatarStyle: {},
    statusIndicatorStyle: {},
});
//# sourceMappingURL=styles.js.map