import React , { forwardRef } from 'react' ; import { KeyboardAvoidingView as RNKeyboardAvoidingView } from 'react-native' ; import { usePropsResolution } from '../../../hooks' ; import { makeStyledComponent } from '../../../utils/styled' ; import type { IKeyboardAvoidingViewProps } from './types' ; import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps' ; const StyledKeyboardAvoidingView = makeStyledComponent ( RNKeyboardAvoidingView ) ; export const KeyboardAvoidingView = forwardRef ( ( props , ref ) => { const { ... resolvedProps } = usePropsResolution ( 'KeyboardAvoidingView' , props , { } ) ; if ( useHasResponsiveProps ( props ) ) { return null ; } return < StyledKeyboardAvoidingView { ... resolvedProps } ref = { ref } / > ; } ) ;