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

Ready-to-use Chat UI Components for React Native

import { StyleSheet } from "react-native";
export const Style = StyleSheet.create({
    imageStyle: {},
    buttonStyle: {},
    buttonContainer: {
        flex: 1,
        flexDirection: "row",
        justifyContent: "space-between",
    },
    soundBarContainer: {
        marginBottom: 20,
        flexDirection: "row",
    },
    timerContainer: {
        flexDirection: "row",
        alignItems: "center",
    },
    soundBar: {
        width: 5,
        height: 10,
        borderRadius: 5,
        marginHorizontal: 1,
    },
});
const commonIconContainerStyle = (color, spacing, typography) => {
    return {
        padding: 8,
        backgroundColor: color.background1,
        borderWidth: 1,
        borderColor: color.borderLight,
        borderRadius: spacing.radius.max,
        shadowColor: "#000",
        shadowOffset: {
            width: 0,
            height: 2,
        },
        shadowOpacity: 0.23,
        shadowRadius: 2.62,
        elevation: 4,
    };
};
export const getMediaRecorderStyle = (color, spacing, typography) => {
    return {
        recordIconStyle: {
            containerStyle: commonIconContainerStyle(color, spacing, typography),
        },
        playIconStyle: {
            containerStyle: commonIconContainerStyle(color, spacing, typography),
        },
        pauseIconStyle: {
            containerStyle: commonIconContainerStyle(color, spacing, typography),
        },
        deleteIconStyle: {
            containerStyle: commonIconContainerStyle(color, spacing, typography),
        },
        stopIconStyle: {
            containerStyle: commonIconContainerStyle(color, spacing, typography),
        },
        sendIconStyle: {
            containerStyle: commonIconContainerStyle(color, spacing, typography),
        },
    };
};
//# sourceMappingURL=style.js.map