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

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

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

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

//Стили заголовка меню
const styles = StyleSheet.create({
    header: {
        paddingHorizontal: UI.PADDING,
        paddingVertical: responsiveHeight(16),
        borderBottomWidth: 1,
        borderBottomColor: APP_COLORS.borderSubtle,
        backgroundColor: APP_COLORS.primaryLight,
        minHeight: responsiveHeight(70),
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'space-between'
    },
    title: {
        fontSize: UI.FONT_SIZE_XL,
        fontWeight: '600',
        color: APP_COLORS.primaryDark,
        flex: 1,
        marginRight: 12
    },
    closeButton: {
        width: responsiveSize(40),
        height: responsiveSize(40),
        borderRadius: responsiveSize(20),
        alignItems: 'center',
        justifyContent: 'center',
        backgroundColor: APP_COLORS.primary + '20'
    },
    closeButtonPressed: {
        backgroundColor: APP_COLORS.primary + '40'
    },
    closeButtonIcon: {
        width: responsiveSize(40),
        height: responsiveSize(40),
        alignItems: 'center',
        justifyContent: 'center'
    },
    closeButtonText: {
        fontSize: responsiveSize(28),
        color: APP_COLORS.primaryDark,
        fontWeight: '300',
        lineHeight: responsiveSize(40)
    }
});

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

module.exports = styles;
