/*
    Предрейсовые осмотры - мобильное приложение
    Компонент заднего фона (оверлей)
*/

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

const React = require('react'); //React
const { Pressable } = require('react-native'); //Базовые компоненты
const styles = require('../../styles/common/Backdrop.styles'); //Стили заднего фона

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

//Задний фон для модальных окон и меню
function Backdrop({ visible, onPress, style, children }) {
    const handlePress = React.useCallback(() => {
        if (typeof onPress === 'function') {
            onPress();
        }
    }, [onPress]);

    if (!visible) {
        return null;
    }

    return (
        <Pressable style={[styles.backdrop, style]} onPress={handlePress}>
            {children}
        </Pressable>
    );
}

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

module.exports = Backdrop;
