import { Input } from "@/components/ui/input"
import { Mail } from "lucide-react"        
            
function InputEmail(){
    return(
        <>
            <div className="relative w-full flex items-center">
                <div className="absolute -inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
                    <Mail className="h-4 w-4 text-zinc-500" />
                </div>
                <Input
                    id="email"
                    type="email"
                    name="email"
                    placeholder="Your email"
                    className="pl-10 h-12 rounded-xl bg-zinc-800/20 border-zinc-800/20 hover:border-zinc-800 hover:bg-zinc-800/60 transition-all duration-500"
                />
            </div>
        </>
    )
}
export default InputEmail