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

Ready-to-use Chat UI Components for React Native

import { StyleSheet } from "react-native";
import { deepMerge } from "../../helper/helperFunctions";
export const getConfirmDialogStyleLight = (color, spacing, typography) => {
    return StyleSheet.create({
        containerStyle: {
            backgroundColor: color.background1,
            width: "100%",
            padding: 24,
            borderRadius: 16,
            alignItems: "center",
        },
        titleTextStyle: {
            color: color.textPrimary,
            marginBottom: spacing.margin.m2,
            ...typography.heading2.medium,
        },
        messageTextStyle: {
            color: color.textSecondary,
            marginBottom: 24,
            textAlign: "center",
            ...typography.body.regular,
        },
        iconContainerStyle: {
            backgroundColor: color.background2,
            borderRadius: spacing.radius.max,
            width: spacing.spacing.s20,
            height: spacing.spacing.s20,
            justifyContent: "center",
            alignItems: "center",
            marginBottom: spacing.spacing.s3,
        },
        iconImageStyle: {
            height: spacing.spacing.s20,
            width: spacing.spacing.s20,
            tintColor: color.iconPrimary,
        },
        cancelButtonStyle: {
            borderRadius: spacing.radius.r2,
            height: 40,
            width: "50%",
            justifyContent: "center",
            alignItems: "center",
            borderWidth: 1,
            borderColor: color.borderDark,
        },
        cancelButtonTextStyle: {
            color: color.textPrimary,
            //textTransform: "uppercase",
            ...typography.button.medium,
        },
        confirmButtonStyle: {
            backgroundColor: color.error,
            borderRadius: spacing.radius.r2,
            height: 40,
            width: "50%",
            justifyContent: "center",
            alignItems: "center",
        },
        confirmButtonTextStyle: {
            color: color.primaryButtonIcon,
            //textTransform: "uppercase",
            ...typography.button.medium,
        },
    });
};
export const getConfirmDialogStyleDark = (color, spacing, typography) => {
    return (deepMerge(getConfirmDialogStyleLight(color, spacing, typography), {
        containerStyle: {
            backgroundColor: color.background2,
        },
        titleTextStyle: {
            color: color.textPrimary,
        },
        messageTextStyle: {
            color: color.textSecondary,
        },
        iconImageStyle: {
            tintColor: color.iconPrimary,
        },
        iconContainerStyle: {
            backgroundColor: color.background1,
        },
        cancelButtonStyle: {
            borderColor: color.borderDark,
        },
        cancelButtonTextStyle: {
            color: color.textPrimary,
        },
        confirmButtonStyle: {
            backgroundColor: color.error,
        },
        confirmButtonTextStyle: {
            color: color.primaryButtonIcon,
        },
    }));
};
//# sourceMappingURL=style.js.map