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

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

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

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

//Базовый размер контейнера иконки (должен совпадать с menuItemIcon в MenuItem.styles)
const ICON_SIZE = responsiveSize(24);

//Стили компонента иконки пункта меню
const styles = StyleSheet.create({
    container: {
        width: ICON_SIZE,
        height: ICON_SIZE,
        alignItems: 'center',
        justifyContent: 'center'
    },

    //Иконка «Настройки» (шестерёнка): центральный круг
    settingsCircle: {
        position: 'absolute',
        width: responsiveSize(10),
        height: responsiveSize(10),
        borderRadius: responsiveSize(5),
        borderWidth: responsiveSize(2),
        borderColor: APP_COLORS.textPrimary
    },
    settingsTooth: {
        position: 'absolute',
        width: responsiveSize(2),
        height: responsiveSize(6),
        backgroundColor: APP_COLORS.textPrimary,
        borderRadius: 1
    },

    //Иконка «О приложении» (информация): круг с буквой i
    aboutCircle: {
        width: responsiveSize(18),
        height: responsiveSize(18),
        borderRadius: responsiveSize(9),
        borderWidth: responsiveSize(2),
        borderColor: APP_COLORS.textPrimary,
        alignItems: 'center',
        justifyContent: 'center'
    },
    aboutText: {
        fontSize: responsiveSize(12),
        fontWeight: '700',
        color: APP_COLORS.textPrimary
    },

    //Иконка «Вход»: рамка и стрелка вправо
    loginFrame: {
        width: responsiveSize(14),
        height: responsiveSize(14),
        borderWidth: responsiveSize(2),
        borderColor: APP_COLORS.textPrimary,
        borderRadius: responsiveSize(2),
        alignItems: 'center',
        justifyContent: 'center'
    },
    loginArrow: {
        width: 0,
        height: 0,
        borderTopWidth: responsiveSize(4),
        borderBottomWidth: responsiveSize(4),
        borderLeftWidth: responsiveSize(5),
        borderTopColor: 'transparent',
        borderBottomColor: 'transparent',
        borderLeftColor: APP_COLORS.textPrimary,
        marginLeft: responsiveSize(2)
    },

    //Иконка «Выход»: рамка и стрелка влево
    logoutFrame: {
        width: responsiveSize(14),
        height: responsiveSize(14),
        borderWidth: responsiveSize(2),
        borderColor: APP_COLORS.textPrimary,
        borderRadius: responsiveSize(2),
        alignItems: 'center',
        justifyContent: 'center'
    },
    logoutArrow: {
        width: 0,
        height: 0,
        borderTopWidth: responsiveSize(4),
        borderBottomWidth: responsiveSize(4),
        borderRightWidth: responsiveSize(5),
        borderTopColor: 'transparent',
        borderBottomColor: 'transparent',
        borderRightColor: APP_COLORS.textPrimary,
        marginRight: responsiveSize(2)
    }
});

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

module.exports = styles;
