1 files changed, 34 insertions, 0 deletions
diff --git a/client/js/app/src/app/pages/querybuilder/Components/Text/SimpleForm.jsx b/client/js/app/src/app/pages/querybuilder/Components/Text/SimpleForm.jsx
new file mode 100644
index 00000000000..bb6aaa13529
--- /dev/null
+++ b/client/js/app/src/app/pages/querybuilder/Components/Text/SimpleForm.jsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import { useState } from 'react';
+
+export default function SimpleForm({
+  id,
+  className = 'propvalue',
+  initial,
+  size = '20',
+  onChange,
+  placeholder,
+}) {
+  SimpleForm.defaultProps = {
+    onChange: handleChange,
+  };
+  const [input, setValue] = useState(initial);
+
+  function handleChange(e) {
+    setValue(e.target.value);
+  }
+
+  return (
+    <form className={className} id={id}>
+      <input
+        size={size}
+        type="text"
+        id={id}
+        className={className}
+        defaultValue={initial}
+        onChange={onChange}
+        placeholder={placeholder}
+      />
+    </form>
+  );
+}