import React, { memo } from 'react';
import { i18n } from '../locale';

export default memo(({ type, title, children }) => (
  <div className={`error-message${type ? ` error-message--${type}` : ''}`}>
    <i className="error-message__icon icon icon--material">error</i>
    <h4 className="error-message__title">
      {title || i18n('errors.unknown_error') }
    </h4>
    <div className="error-message__content">
      {children}
    </div>
  </div>
));