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

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

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

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

//Размеры кнопки и иконки
const BUTTON_SIZE = responsiveSize(36);
const ICON_SIZE = responsiveSize(16);
const ICON_OFFSET = responsiveSize(3);

//Стили кнопки копирования
const styles = StyleSheet.create({
    button: {
        width: BUTTON_SIZE,
        height: BUTTON_SIZE,
        borderRadius: responsiveSize(8),
        alignItems: 'center',
        justifyContent: 'center',
        backgroundColor: APP_COLORS.primary + '15',
        borderWidth: 1,
        borderColor: APP_COLORS.primary + '30'
    },
    buttonPressed: {
        backgroundColor: APP_COLORS.primary + '30'
    },
    buttonDisabled: {
        opacity: 0.5
    },
    iconContainer: {
        width: ICON_SIZE,
        height: ICON_SIZE,
        position: 'relative'
    },
    iconBack: {
        position: 'absolute',
        top: 0,
        left: 0,
        width: ICON_SIZE - ICON_OFFSET,
        height: ICON_SIZE - ICON_OFFSET,
        borderWidth: responsiveSize(1.5),
        borderColor: APP_COLORS.primary,
        borderRadius: responsiveSize(2),
        backgroundColor: 'transparent'
    },
    iconFront: {
        position: 'absolute',
        bottom: 0,
        right: 0,
        width: ICON_SIZE - ICON_OFFSET,
        height: ICON_SIZE - ICON_OFFSET,
        borderWidth: responsiveSize(1.5),
        borderColor: APP_COLORS.primary,
        borderRadius: responsiveSize(2),
        backgroundColor: APP_COLORS.surface
    }
});

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

module.exports = styles;
