1 files changed, 44 insertions, 0 deletions
diff --git a/ui/app/components/send/currency-toggle.js b/ui/app/components/send/currency-toggle.js
new file mode 100644
index 000000000..7aaccd490
--- /dev/null
+++ b/ui/app/components/send/currency-toggle.js
@@ -0,0 +1,44 @@
+const Component = require('react').Component
+const h = require('react-hyperscript')
+const inherits = require('util').inherits
+const classnames = require('classnames')
+
+module.exports = CurrencyToggle
+
+inherits(CurrencyToggle, Component)
+function CurrencyToggle () {
+  Component.call(this)
+}
+
+const defaultCurrencies = [ 'ETH', 'USD' ]
+
+CurrencyToggle.prototype.renderToggles = function () {
+  const { onClick, activeCurrency } = this.props
+  const [currencyA, currencyB] = this.props.currencies || defaultCurrencies
+
+  return [
+    h('span', {
+      className: classnames('currency-toggle__item', {
+        'currency-toggle__item--selected': currencyA === activeCurrency,
+      }),
+      onClick: () => onClick(currencyA),
+    }, [ currencyA ]),
+    '<>',
+    h('span', {
+      className: classnames('currency-toggle__item', {
+        'currency-toggle__item--selected': currencyB === activeCurrency,
+      }),
+      onClick: () => onClick(currencyB),
+    }, [ currencyB ]),
+  ]
+}
+
+CurrencyToggle.prototype.render = function () {
+  const currencies = this.props.currencies || defaultCurrencies
+
+  return h('span.currency-toggle', currencies.length
+    ? this.renderToggles()
+    : []
+  )
+}
+