From 36d4d278a28a85121dbd265b2025e00849213c69 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Thu, 1 Jun 2023 19:49:06 +0200
Subject: [PATCH] Created the ConfigurationRow.jsx

---
 .../ConfigurationRow/ConfigurationRow.jsx     | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 client/src/pages/tools/linux/InstallSoftware/components/ConfigurationRow/ConfigurationRow.jsx

diff --git a/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationRow/ConfigurationRow.jsx b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationRow/ConfigurationRow.jsx
new file mode 100644
index 0000000..ef18d75
--- /dev/null
+++ b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationRow/ConfigurationRow.jsx
@@ -0,0 +1,21 @@
+import "./styles.sass";
+import {faSquareRootVariable} from "@fortawesome/free-solid-svg-icons";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+
+export const ConfigurationRow = ({text, icon = faSquareRootVariable, type = "input", options, value, setValue}) => {
+    return (
+        <div className="configuration-row">
+            <div className="left-area">
+                <FontAwesomeIcon icon={icon} />
+                <p>{text}</p>
+            </div>
+
+            {type === "select" && <select className="input-field" value={value} onChange={(e) => setValue(e.target.value)}>
+                {options.map((option) => <option key={option}>{option}</option>)}
+            </select>}
+
+            {type === "input" && <input className="input-field" type="text" placeholder={text} value={value}
+                                        onChange={(e) => setValue(e.target.value)} />}
+        </div>
+    );
+}
\ No newline at end of file