From 817bbb1804445f3dc524161183e1cd3a00c05d17 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Tue, 26 Nov 2024 13:56:13 +0800
Subject: [PATCH] Adjust helper text spcing, expose hidden prop

---
 Client/src/Components/Inputs/TextInput/index.jsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/Client/src/Components/Inputs/TextInput/index.jsx b/Client/src/Components/Inputs/TextInput/index.jsx
index 744d036bd..ec8203656 100644
--- a/Client/src/Components/Inputs/TextInput/index.jsx
+++ b/Client/src/Components/Inputs/TextInput/index.jsx
@@ -8,8 +8,8 @@ const getSx = (theme, type, maxWidth) => {
 		maxWidth: maxWidth,
 		"& .MuiFormHelperText-root": {
 			position: "absolute",
-			bottom: `-${theme.spacing(12)}`,
-			minHeight: theme.spacing(12),
+			bottom: `-${theme.spacing(24)}`,
+			minHeight: theme.spacing(24),
 		},
 	};
 
@@ -79,13 +79,17 @@ const TextInput = forwardRef(
 			maxWidth = "100%",
 			flex,
 			disabled = false,
+			hidden = false,
 		},
 		ref
 	) => {
 		const [fieldType, setFieldType] = useState(type);
 		const theme = useTheme();
 		return (
-			<Stack flex={flex}>
+			<Stack
+				flex={flex}
+				display={hidden ? "none" : ""}
+			>
 				<Typography
 					component="h3"
 					fontSize={"var(--env-var-font-size-medium)"}
@@ -144,6 +148,7 @@ TextInput.propTypes = {
 	maxWidth: PropTypes.string,
 	flex: PropTypes.number,
 	disabled: PropTypes.bool,
+	hidden: PropTypes.bool,
 };
 
 export default TextInput;