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

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

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

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

//Стили области сканера (примерно треть высоты экрана)
const styles = StyleSheet.create({
    container: {
        height: heightPercentage(33),
        minHeight: responsiveSpacing(30),
        marginBottom: responsiveSpacing(2)
    },
    scannerWrapper: {
        flex: 1,
        width: '100%'
    },
    //Область тапа для включения камеры (оверлей поверх сканера на паузе)
    cameraPausedOverlayTouchable: {
        ...StyleSheet.absoluteFillObject
    },
    modalContainer: {
        flex: 1
    },
    modalCloseButton: {
        position: 'absolute',
        top: responsiveSpacing(4),
        right: responsiveSpacing(4),
        paddingHorizontal: responsiveSpacing(4),
        paddingVertical: responsiveSpacing(2),
        backgroundColor: APP_COLORS.overlay,
        borderRadius: UI.BORDER_RADIUS
    },
    modalCloseButtonText: {
        color: APP_COLORS.textInverse,
        fontWeight: '600'
    }
});

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

module.exports = styles;
