1 files changed, 33 insertions, 0 deletions
diff --git a/ui/app/components/readonly-input.js b/ui/app/components/readonly-input.js
new file mode 100644
index 000000000..fcf05fb9e
--- /dev/null
+++ b/ui/app/components/readonly-input.js
@@ -0,0 +1,33 @@
+const Component = require('react').Component
+const h = require('react-hyperscript')
+const inherits = require('util').inherits
+
+module.exports = ReadOnlyInput
+
+inherits(ReadOnlyInput, Component)
+function ReadOnlyInput () {
+  Component.call(this)
+}
+
+ReadOnlyInput.prototype.render = function () {
+  const {
+    wrapperClass = '',
+    inputClass = '',
+    value,
+    textarea,
+    onClick,
+  } = this.props
+
+  const inputType = textarea ? 'textarea' : 'input'
+
+  return h('div', {className: wrapperClass}, [
+    h(inputType, {
+      className: inputClass,
+      value,
+      readOnly: true,
+      onFocus: event => event.target.select(),
+      onClick,
+    }),
+  ])
+}
+