import * as React from 'react' ; import { ValidationErrorMessage , ValidationErrorMessageWithArgs , } from './validate' ; import { useTranslate } from '../i18n' ; export interface ValidationErrorProps { error : ValidationErrorMessage ; } const ValidationError = ( props ) => { const { error } = props ; const translate = useTranslate ( ) ; if ( ( error as ValidationErrorMessageWithArgs ) . message ) { const { message , args } = error as ValidationErrorMessageWithArgs ; return < > { translate ( message , { _ : message , ... args } ) } < />; } return < > { translate ( error as string , { _ : error } ) } < />; } ; export default ValidationError ;