@cometchat/chat-uikit-react-native/lib/shared/views/CometChatSuggestionList/style.js

Ready-to-use Chat UI Components for React Native

import { Dimensions } from "react-native";
import { deepMerge } from "../../helper/helperFunctions";
export const getMentionsListStyleLight = (color, spacing, typography) => {
    return {
        containerStyle: {
            borderRadius: spacing.radius.r4,
            paddingVertical: spacing.padding.p2,
            backgroundColor: color.background1,
            borderWidth: 1,
            borderColor: color.borderDark,
            maxHeight: Dimensions.get("window").height * 0.3,
            justifyContent: "flex-end",
            marginBottom: spacing.margin.m1,
            paddingHorizontal: 5,
        },
        listItemStyle: {
            containerStyle: {
                backgroundColor: color.background1,
                paddingVertical: spacing.padding.p2,
                paddingHorizontal: spacing.padding.p4,
                flexDirection: "row",
                gap: 12,
            },
            titleStyle: {
                ...typography.heading4.medium,
                color: color.textPrimary,
            },
            avatarStyle: {
                containerStyle: {
                    height: 40,
                    width: 40,
                },
                textStyle: {},
                imageStyle: {
                    height: "100%",
                    width: "100%",
                    borderRadius: spacing.radius.max,
                },
            },
        },
        skeletonStyle: {
            linearGradientColors: ["#E8E8E8", "#F5F5F5"],
            shimmerBackgroundColor: color.staticBlack,
            shimmerOpacity: 0.01,
            speed: 0.7,
        },
    };
};
export const getMentionsListStyleDark = (color, spacing, typography) => {
    return deepMerge(getMentionsListStyleLight(color, spacing, typography), {
        skeletonStyle: {
            linearGradientColors: ["#383838", "#272727"],
            shimmerBackgroundColor: color.staticWhite,
            shimmerOpacity: 0.01,
            speed: 0.7,
        },
    });
};
//# sourceMappingURL=style.js.map