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

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

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

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

const styles = StyleSheet.create({
    keyboardAvoidingView: {
        flex: 1
    },
    scrollView: {
        flex: 1
    },
    scrollContent: {
        flexGrow: 1,
        paddingHorizontal: UI.PADDING,
        paddingBottom: responsiveSpacing(8)
    },
    logoContainer: {
        alignItems: 'center',
        paddingTop: responsiveSpacing(6),
        paddingBottom: responsiveSpacing(4)
    },
    formContainer: {
        backgroundColor: APP_COLORS.surface,
        borderRadius: UI.BORDER_RADIUS,
        padding: UI.PADDING,
        borderWidth: 1,
        borderColor: APP_COLORS.borderSubtle
    },
    title: {
        textAlign: 'center',
        marginBottom: responsiveSpacing(6),
        color: APP_COLORS.textPrimary
    },
    switchContainer: {
        marginBottom: responsiveSpacing(4)
    },
    loginButton: {
        backgroundColor: APP_COLORS.primary,
        marginTop: responsiveSpacing(2)
    },
    loginButtonText: {
        color: APP_COLORS.white,
        fontWeight: '600'
    },
    hint: {
        textAlign: 'center',
        marginTop: responsiveSpacing(4),
        color: APP_COLORS.textTertiary
    }
});

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

module.exports = styles;
