import React , { memo , forwardRef } from 'react' ; import { usePropsResolution } from '../../../hooks/useThemeProps' ; import Box from '../../primitives/Box' ; import type { ICenterProps } from './types' ; import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps' ; const Center = ( props , ref ) => { const reslovedProps = usePropsResolution ( 'Center' , props ) ; if ( useHasResponsiveProps ( props ) ) { return null ; } return < Box ref = { ref } { ... reslovedProps } />; } ; export default memo ( forwardRef ( Center ) ) ;