import React , { memo , forwardRef } from 'react' ; import Box , { IBoxProps } from '../../primitives/Box' ; import { usePropsResolution } from '../../../hooks' ; import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps' ; import { ScrollView , IScrollViewProps } from '../../basic/ScrollView' ; const ModalBody = ( { children , _scrollview , ... props } , ref ? ) => { const resolvedProps = usePropsResolution ( 'ModalBody' , props ) ; if ( useHasResponsiveProps ( props ) ) { return null ; } return ( < ScrollView { ... _scrollview } > < Box { ... resolvedProps } ref = { ref } > { children } < /Box> < /ScrollView>); } ; export default memo ( forwardRef ( ModalBody ) ) ;