1 files changed, 32 insertions, 0 deletions
diff --git a/ui/app/components/send_/send-header/send-header.component.js b/ui/app/components/send_/send-header/send-header.component.js
new file mode 100644
index 000000000..99adfc7e8
--- /dev/null
+++ b/ui/app/components/send_/send-header/send-header.component.js
@@ -0,0 +1,32 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import PageContainerHeader from '../../page-container/page-container-header.component'
+
+export default class SendHeader extends Component {
+
+  static propTypes = {
+    isToken: PropTypes.bool,
+    clearSend: PropTypes.func,
+    goHome: PropTypes.func,
+  };
+
+  render () {
+    const { isToken, clearSend, goHome } = this.props
+
+    return (
+      <PageContainerHeader
+        title={isToken ? this.context.t('sendTokens') : this.context.t('sendETH')}
+        subtitle={this.context.t('onlySendToEtherAddress')}
+        onClose={() => {
+          clearSend()
+          goHome()
+        }}
+      />
+    );
+  }
+
+}
+
+SendHeader.contextTypes = {
+  t: PropTypes.func,
+}