From 99ca1a11d661748af6f8faac7cca941bbd43738f Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 27 Dec 2022 15:20:40 +0100
Subject: [PATCH] Created the TextBox.jsx

---
 admin/src/common/components/TextBox/TextBox.jsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 admin/src/common/components/TextBox/TextBox.jsx

diff --git a/admin/src/common/components/TextBox/TextBox.jsx b/admin/src/common/components/TextBox/TextBox.jsx
new file mode 100644
index 0000000..adb59cb
--- /dev/null
+++ b/admin/src/common/components/TextBox/TextBox.jsx
@@ -0,0 +1,14 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import "./styles.sass";
+
+export const TextBox = (props) => {
+    const handleAnimation = () => props.useRef ? props.useRef.current.classList.value = "textbox-wrapper" : "";
+
+    return (
+        <div className="textbox-wrapper" ref={props.useRef} onAnimationEnd={handleAnimation}>
+            <input className="textbox-input" placeholder={props.placeholder} value={props.value}
+                   onChange={props.onUpdate} type={props.type || "text"} autoComplete={props.autoComplete}/>
+            <FontAwesomeIcon icon={props.icon} className="textbox-icon"/>
+        </div>
+    );
+}
\ No newline at end of file