import React , { memo , forwardRef } from 'react' ; import { default as Box , IBoxProps } from '../Box' ; import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps' ; import { usePropsResolution } from '../../../hooks/useThemeProps/usePropsResolution' ; export const InputLeftAddon = memo ( forwardRef ( ( props , ref ? ) => { const resolvedProps = usePropsResolution ( 'InputLeftAddon' , props ) ; if ( useHasResponsiveProps ( props ) ) { return null ; } return ( < Box { ... resolvedProps } ref = { ref } > < Box m = "auto" _text = { resolvedProps . _text || { fontWeight : 600 } } > { props . children } < /Box> < /Box>); } ) ) ; export const InputRightAddon = memo ( forwardRef ( ( props , ref ? ) => { const resolvedProps = usePropsResolution ( 'InputRightAddon' , props ) ; if ( useHasResponsiveProps ( props ) ) { return null ; } return ( < Box { ... resolvedProps } ref = { ref } > < Box m = "auto" _text = { resolvedProps . _text || { fontWeight : 600 } } > { props . children } < /Box> < /Box>); } ) ) ;