import * as React from "react" ; type Props = { helperMessage ? : React . ReactNode ; errorMessage : React . ReactNode ; isValid : boolean ; } ; /**
 * A component that is used to show helper (description) and validation error messages.
 */ const HelperMessage = ( props ) => { return ( < div className = { "webiny-fb-form-field__helper-text" + ( props . isValid === false ? " webiny-fb-form-field__helper-text--error" : "" ) } > { props . isValid === false ? props . errorMessage : props . helperMessage } < /div>); } ; export default HelperMessage ;