Completing the functionalization of the login page

src/components/common/input.tsx

@@ -6,22 +6,21 @@ type Props = {
     style?: string,
     type?: React.HTMLInputTypeAttribute,
     placeholder: string,
-    icon?: React.ReactNode
+    icon?: React.ReactNode,
+    other?: any
 }
 
-export const Input: FC<Props> = ({ placeholder, type = "text", icon }) => {
+export const Input: FC<Props> = ({ placeholder, type = "text", icon, other }) => {
     const [hidden, setHidden] = useState<boolean>(false)
     const handleHidden = () => setHidden(prev => !prev)
     return (
-
         <div className="relative w-full min-w-[250px] sm:min-w-[400px]">
             <div className="absolute top-[18.5px] left-5 grid h-5 w-5 place-items-center text-blue-gray-500">
                 {type === "password" ?
                     !hidden ? <Eye size="23" color="#777577" onClick={handleHidden} /> : <EyeSlash size="23" color="#777577" onClick={handleHidden} />
                     : icon}
             </div>
-            <InputComponent type={type === "password" && hidden ? "text" : type} placeholder={placeholder} className="input-style" />
+            <InputComponent {...other} type={type === "password" && hidden ? "text" : type} placeholder={placeholder} className="input-style" />
         </div>
-
     )
 }