import React , { memo , forwardRef } from 'react' ; import Text from '../Text' ; import { usePropsResolution } from '../../../hooks/useThemeProps' ; import type { IHeadingProps } from './types' ; import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps' ; const Heading = ( props , ref ) => { const resolvedProps = usePropsResolution ( 'Heading' , props ) ; if ( useHasResponsiveProps ( props ) ) { return null ; } return < Text { ... resolvedProps } ref = { ref } / > ; } ; export default memo ( forwardRef ( Heading ) ) ; export type { IHeadingProps } ;