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

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

const { StyleSheet } = require('react-native'); //StyleSheet React Native
const { APP_COLORS } = require('../../config/theme'); //Цветовая схема
const { responsiveSpacing } = require('../../utils/responsive'); //Адаптивные утилиты
const { UI } = require('../../config/appConfig'); //Конфигурация UI

//---------
//Константы
//---------

//Фон оверлея: серый с прозрачностью (область камеры на паузе)
const OVERLAY_BACKGROUND = 'rgba(96, 96, 96, 0.65)';

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

//Стили оверлея паузы камеры
const styles = StyleSheet.create({
    container: {
        ...StyleSheet.absoluteFillObject,
        backgroundColor: OVERLAY_BACKGROUND,
        justifyContent: 'center',
        alignItems: 'center',
        paddingHorizontal: responsiveSpacing(4),
        borderRadius: UI.BORDER_RADIUS
    },
    message: {
        color: APP_COLORS.textInverse,
        fontSize: UI.FONT_SIZE_MD,
        textAlign: 'center',
        maxWidth: '100%'
    }
});

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

module.exports = styles;
