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

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

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

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

//Стили бокового меню
const styles = StyleSheet.create({
    modalContainer: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'flex-end'
    },
    backdrop: {
        ...StyleSheet.absoluteFillObject,
        backgroundColor: APP_COLORS.overlay
    },
    backdropPressable: {
        flex: 1
    },
    menuContainer: {
        position: 'absolute',
        top: 0,
        right: 0,
        bottom: 0,
        backgroundColor: APP_COLORS.surface,
        ...Platform.select({
            ios: {
                shadowColor: APP_COLORS.black,
                shadowOpacity: 0.25,
                shadowRadius: 10,
                shadowOffset: {
                    width: -3,
                    height: 0
                }
            },
            android: {
                elevation: 24
            },
            web: {
                boxShadow: '-3px 0px 10px rgba(0, 0, 0, 0.25)'
            }
        })
    },
    header: {
        borderBottomWidth: 1,
        borderBottomColor: APP_COLORS.borderSubtle,
        backgroundColor: APP_COLORS.primaryLight
    }
});

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

module.exports = styles;
