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

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

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

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

const styles = StyleSheet.create({
    container: {
        paddingHorizontal: UI.PADDING,
        paddingVertical: responsiveSpacing(3),
        borderBottomWidth: 1,
        borderBottomColor: APP_COLORS.borderSubtle,
        backgroundColor: APP_COLORS.surfaceAlt
    },
    modeContainer: {
        alignSelf: 'flex-start',
        paddingHorizontal: responsiveSpacing(3),
        paddingVertical: responsiveSpacing(1.5),
        borderRadius: UI.BORDER_RADIUS,
        marginBottom: responsiveSpacing(2)
    },
    modeOnline: {
        backgroundColor: APP_COLORS.success + '20'
    },
    modeOffline: {
        backgroundColor: APP_COLORS.warning + '20'
    },
    modeNotConnected: {
        backgroundColor: APP_COLORS.textSecondary + '20'
    },
    modeText: {
        fontSize: responsiveSize(13),
        fontWeight: '600'
    },
    modeTextOnline: {
        color: APP_COLORS.success
    },
    modeTextOffline: {
        color: APP_COLORS.warning
    },
    modeTextNotConnected: {
        color: APP_COLORS.textSecondary
    },
    userInfo: {
        marginTop: responsiveSpacing(1)
    },
    userRow: {
        flexDirection: 'row',
        alignItems: 'center',
        marginBottom: responsiveSpacing(1)
    },
    userLabel: {
        fontSize: responsiveSize(12),
        color: APP_COLORS.textSecondary,
        marginRight: responsiveSpacing(1),
        flexShrink: 0
    },
    userValue: {
        fontSize: responsiveSize(13),
        color: APP_COLORS.textPrimary,
        fontWeight: '500',
        flex: 1
    }
});

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

module.exports = styles;
