1 files changed, 41 insertions, 0 deletions
diff --git a/src/components/configuration/inputWrapper.tsx b/src/components/configuration/inputWrapper.tsx
new file mode 100644
index 0000000..0d3fd95
--- /dev/null
+++ b/src/components/configuration/inputWrapper.tsx
@@ -0,0 +1,41 @@
+import ConfigType from '../../../common/types/configType'
+
+type InputProps = {
+  title: string
+  alt?: string
+  keyName: keyof ConfigType
+  value: string
+  placeholder: string
+  disabled?: boolean
+  handleChange: (value: any, key: keyof ConfigType) => void
+}
+
+const InputWrapper = ({
+  title,
+  alt,
+  keyName,
+  value,
+  placeholder,
+  disabled,
+  handleChange
+}: InputProps) => {
+  return (
+    <div className="form-control w-full" style={{ display: 'none' }}>
+      <label className="label">
+        <span className="label-text">{title}</span>
+        {alt && <span className="label-text-alt">{alt}</span>}
+      </label>
+      <input
+        className="input input-bordered w-full input-sm"
+        type="text"
+        value={value || ''}
+        disabled={!!disabled}
+        placeholder={placeholder}
+        onChange={(e) => {
+          handleChange({ val: e.target.value, required: true }, keyName)
+        }}
+      />
+    </div>
+  )
+}
+export default InputWrapper