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