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

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

const { StyleSheet } = require('react-native');
const { APP_COLORS } = require('../../config/theme');
const { UI } = require('../../config/appConfig');
const { responsiveSpacing } = require('../../utils/responsive');

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

const styles = StyleSheet.create({
    overlay: {
        flex: 1,
        backgroundColor: APP_COLORS.overlay,
        justifyContent: 'center',
        alignItems: 'center'
    },
    container: {
        backgroundColor: APP_COLORS.surface,
        borderRadius: UI.BORDER_RADIUS,
        padding: responsiveSpacing(6),
        alignItems: 'center',
        minWidth: 150,
        shadowColor: APP_COLORS.shadow,
        shadowOffset: {
            width: 0,
            height: 2
        },
        shadowOpacity: 0.25,
        shadowRadius: 4,
        elevation: 5
    },
    indicator: {
        color: APP_COLORS.primary
    },
    message: {
        marginTop: responsiveSpacing(4),
        color: APP_COLORS.textPrimary,
        textAlign: 'center'
    }
});

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

module.exports = styles;