import { ReactNode } from 'react' ; import { classnames } from '../../helpers' ; interface Props { children : ReactNode ; id ? : string ; className ? : string ; } const ErrorZone = ( { children , id , className } ) => { return ( < div className = { classnames ( [ 'color-danger error-zone' , className ] ) } id = { id } > { children } < /div>); } ; export default ErrorZone ;