This commit is contained in:
Alihaghighattalab
2024-08-05 19:21:46 +03:30
parent ea2a96cff5
commit 5d24b1d5c4
7 changed files with 13 additions and 10 deletions
+2 -2
View File
@@ -10,11 +10,11 @@ type Props = {
field?: any
}
export const Input: FC<Props> = ({ placeholder, type = "text", icon, field }) => {
export const Input: FC<Props> = ({ placeholder, type = "text", icon, field, style }) => {
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={`relative w-full !${style}`}>
<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} />