1 files changed, 30 insertions, 0 deletions
diff --git a/ui/app/components/error-message/error-message.component.js b/ui/app/components/error-message/error-message.component.js
new file mode 100644
index 000000000..b4464c33b
--- /dev/null
+++ b/ui/app/components/error-message/error-message.component.js
@@ -0,0 +1,30 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const ErrorMessage = (props, context) => {
+  const { errorMessage, errorKey } = props
+  const error = errorKey ? context.t(errorKey) : errorMessage
+
+  return (
+    <div className="error-message">
+      <img
+        src="/images/alert-red.svg"
+        className="error-message__icon"
+      />
+      <div className="error-message__text">
+        { `ALERT: ${error}` }
+      </div>
+    </div>
+  )
+}
+
+ErrorMessage.propTypes = {
+  errorMessage: PropTypes.string,
+  errorKey: PropTypes.string,
+}
+
+ErrorMessage.contextTypes = {
+  t: PropTypes.func,
+}
+
+export default ErrorMessage