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

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

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

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

//Стили кнопки
const styles = StyleSheet.create({
    base: {
        borderRadius: UI.BORDER_RADIUS,
        backgroundColor: APP_COLORS.primary,
        overflow: 'hidden',
        minHeight: UI.BUTTON_HEIGHT,
        justifyContent: 'center',
        alignItems: 'center'
    },
    pressed: {
        opacity: 0.85,
        transform: [{ scale: 0.98 }]
    },
    disabled: {
        backgroundColor: APP_COLORS.primaryLight,
        opacity: 0.6
    },
    content: {
        paddingHorizontal: responsiveSpacing(4),
        paddingVertical: responsiveSpacing(2),
        alignItems: 'center',
        justifyContent: 'center',
        flexDirection: 'row'
    },
    text: {
        color: APP_COLORS.white,
        fontWeight: '600',
        fontSize: UI.FONT_SIZE_MD,
        textAlign: 'center',
        includeFontPadding: false,
        textAlignVertical: 'center'
    }
});

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

module.exports = styles;
