import React from "react"
import useAuthUser from "../hooks/AuthUser"
import Rainfall from "./Rainfall"

const Home = () => {

    const {authUser} = useAuthUser()

    return <div>
        {authUser
            ? <Rainfall />
            : <div className="px-5 pt-10">
                <h1 className="text-lg font-bold">Application pour enregistrer sa pluviométrie</h1>
                <p className="mt-5">Un compte est nécessaire mais les inscriptions ne sont pas ouvertes.</p>
            </div>
        }
    </div>
}

export default Home