import React from "react"
import useAuthUser from "../hooks/AuthUser"
import YearRainfall from "../components/rainfall/YearRainfaill"
import PageLayout from "../components/PageLayout"

const Home = () => {

    const {authUser} = useAuthUser()

    return <div>
        {authUser
            ? <PageLayout>
                <YearRainfall />
            </PageLayout>
            : <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