import { useEffect, useState } from "react"

export function withEmailAutofill(Component) {
    return (props) => {
        const [email, setEmail] = useState("")

        useEffect(() => {
            const params = new URLSearchParams(window.location.search)
            const emailParam = params.get("email")
            if (emailParam) {
                setEmail(emailParam)
            }
        }, [])

        return (
            <Component
                {...props}
                value={email}
                onChange={(e) => setEmail(e.target.value)}
            />
        )
    }
}