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