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

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

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

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

//Стили страницы ошибки
const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
        backgroundColor: APP_COLORS.background,
        padding: 24
    },
    card: {
        width: '100%',
        borderRadius: 12,
        paddingHorizontal: 16,
        paddingVertical: 12,
        backgroundColor: APP_COLORS.surface,
        shadowColor: APP_COLORS.black,
        shadowOpacity: 0.1,
        shadowRadius: 10,
        shadowOffset: {
            width: 0,
            height: 4
        },
        elevation: 6
    },
    title: {
        fontSize: 18,
        fontWeight: '600',
        color: APP_COLORS.error,
        marginBottom: 8
    },
    message: {
        fontSize: 14,
        color: APP_COLORS.textSecondary,
        marginBottom: 16
    },
    buttonRow: {
        flexDirection: 'row',
        justifyContent: 'flex-end'
    }
});

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

module.exports = styles;
