import React , { memo , forwardRef } from 'react' ; import StackMain , { IStackProps } from './Stack' ; import { usePropsResolution } from '../../../hooks/useThemeProps' ; import type { ResponsiveValue } from '../../types' ; import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps' ; export interface IHStackProps extends IStackProps { default direction ? : ResponsiveValue < 'column' | 'row' | 'column-reverse' | 'row-reverse' > ; } const HStack = ( props , ref ? ) => { const resolvedProps = usePropsResolution ( 'HStack' , props ) ; if ( useHasResponsiveProps ( props ) ) { return null ; } return < StackMain ref = { ref } direction = "row" { ... resolvedProps } />; } ; export default memo ( forwardRef ( HStack ) ) ;