import React from "react";
import * as Iso from "@eno/iso";

export default ()=>
{
    const [countGet, countSet] = React.useState(1);   
    const [routeGet, routeSet] = Iso.Router.Consumer();

    type CatFact = {fact:string, length:number}|undefined;
    const [Data, Updating] = Iso.Fetch.Use(`https://catfact.ninja/fact`, undefined, 60, true, true, true);


    console.log("render!!")

    return <div class="p-4 text-red-500">
        <Iso.Metas title="Component!"/>
        Component Route is: {routeGet.Path.toString()}
        <button className="p-4 bg-red-500 text-white" onClick={e=>{countSet(countGet+1); routeSet(["lol", "idk"], {count:countGet+1});}}>{countGet}</button>
        <a href="/page/about-us" className="p-2 text(lg blue-500) font-bold">a link</a>
        <p>Data:{Data && (Data as CatFact)?.fact}</p>
        <p>Status:{Updating?'loading':'done'}</p>
    </div>;
};