From 9b42af745bf1aa7ddb3cf7fb709111f7ea96d2fb Mon Sep 17 00:00:00 2001
From: "[poww10s]" <[theironminer@gmail.com]>
Date: Wed, 18 Nov 2020 02:59:13 -0500
Subject: [PATCH] added helper component file

---
 src/features/helpers/Helpers.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/features/helpers/Helpers.js

diff --git a/src/features/helpers/Helpers.js b/src/features/helpers/Helpers.js
new file mode 100644
index 0000000..932e075
--- /dev/null
+++ b/src/features/helpers/Helpers.js
@@ -0,0 +1,30 @@
+import React from 'react';
+
+const Slider = (props) => {
+    return (
+        <input
+            type="range"
+            min="0"
+            max="127"
+            value={props.parameter}
+            onChange={(e) => props.onChange(e.target.value)}
+        />
+    );
+};
+
+const SelectList = (props) => {
+    const options = props.list.map((option, index) => (
+        <option value={option} key={index}>
+            {option}
+        </option>
+    ));
+    return (
+        <select
+            value={props.value}
+            onChange={(e) => props.onChange(e.target.value)}>
+            {options}
+        </select>
+    );
+};
+
+export default { Slider, SelectList };