@gluestack-ui/menu/lib/MenuPopover/Backdrop.jsx

A universal headless menu component for React Native, Next.js & React

import React, { forwardRef, useContext } from 'react';
import { MenuContext } from '../MenuContext';
export const MenuBackdrop = forwardRef(({ children, StyledBackdrop, ...props }, ref) => {
    const { onClose } = useContext(MenuContext);
    return (<StyledBackdrop {...props} ref={ref} onPress={onClose} style={{
            backgroundColor: 'red',
        }}>
        {children}
      </StyledBackdrop>);
});
MenuBackdrop.displayName = 'MenuBackdrop';
export default MenuBackdrop;