edit interface TS

src/components/ui/input/input.tsx

@@ -11,14 +11,14 @@ interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
 }
 
 const TextInput = ({
-                       placeholder,
-                       onChange,
-                       value,
-                       borderStyle = "square",
-                       password,
-                       className = "",
-                       ...props
-                   }: TextInputProps) => {
+    placeholder = "",
+    onChange,
+    value = "",
+    borderStyle = "square",
+    password = false,
+    className = "",
+    ...props
+}: TextInputProps) => {
     const [showPassword, setShowPassword] = useState<boolean>(false);
 
     let inputBorderStyle = styles.square;
@@ -28,15 +28,16 @@ const TextInput = ({
         setShowPassword((prev) => !prev);
     };
 
-    if (password)
+    if (password) {
         return (
             <div className={styles.passwordContainer}>
-                <TextInput
+                <input
                     type={showPassword ? "text" : "password"}
                     value={value}
                     placeholder={placeholder}
                     onChange={onChange}
-                    className={styles.passwordInput}
+                    className={`${styles.input} ${styles.passwordInput} ${inputBorderStyle} ${className}`}
+                    {...props}
                 />
                 <button
                     type="button"
@@ -47,6 +48,7 @@ const TextInput = ({
                 </button>
             </div>
         );
+    }
 
     return (
         <input