/*
    Предрейсовые осмотры - мобильное приложение
    Стили общего компонента сообщения
*/

//---------------------
//Подключение библиотек
//---------------------

const { StyleSheet } = require('react-native'); //StyleSheet React Native
const { APP_COLORS } = require('../../config/theme'); //Цветовая схема приложения

//-----------
//Тело модуля
//-----------

//Стили сообщения
const styles = StyleSheet.create({
    backdrop: {
        flex: 1,
        backgroundColor: APP_COLORS.overlay,
        alignItems: 'center',
        justifyContent: 'center',
        padding: 24
    },
    container: {
        width: '100%',
        borderRadius: 12,
        paddingHorizontal: 16,
        paddingVertical: 12,
        backgroundColor: APP_COLORS.surface,
        shadowColor: APP_COLORS.black,
        shadowOpacity: 0.15,
        shadowRadius: 12,
        shadowOffset: {
            width: 0,
            height: 4
        },
        elevation: 8
    },
    containerInfo: {
        borderLeftWidth: 4,
        borderLeftColor: APP_COLORS.primary
    },
    containerWarn: {
        borderLeftWidth: 4,
        borderLeftColor: APP_COLORS.warning
    },
    containerError: {
        borderLeftWidth: 4,
        borderLeftColor: APP_COLORS.error
    },
    containerSuccess: {
        borderLeftWidth: 4,
        borderLeftColor: APP_COLORS.success
    },
    header: {
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'space-between',
        marginBottom: 8
    },
    title: {
        flex: 1,
        fontSize: 16,
        fontWeight: '600',
        color: APP_COLORS.textPrimary,
        marginRight: 8
    },
    closeButton: {
        width: 28,
        height: 28,
        borderRadius: 14,
        alignItems: 'center',
        justifyContent: 'center'
    },
    closeButtonText: {
        fontSize: 20,
        lineHeight: 20,
        color: APP_COLORS.textSecondary
    },
    content: {
        marginBottom: 12
    },
    message: {
        fontSize: 14,
        color: APP_COLORS.textSecondary
    },
    buttonsRow: {
        flexDirection: 'row',
        justifyContent: 'flex-end',
        gap: 8
    },
    buttonBase: {
        paddingHorizontal: 14,
        paddingVertical: 8,
        borderRadius: 999,
        backgroundColor: APP_COLORS.primary
    },
    buttonPressed: {
        opacity: 0.85
    },
    buttonText: {
        fontSize: 14,
        fontWeight: '500',
        color: APP_COLORS.white
    }
});

//----------------
//Интерфейс модуля
//----------------

module.exports = styles;
