import TWPreTail from "https://esm.sh/v115/@twind/preset-tailwind@1.1.4/es2022/preset-tailwind.mjs";
import TWPreAuto from "https://esm.sh/v115/@twind/preset-autoprefix@1.0.7/es2022/preset-autoprefix.mjs";
import React from "react";
import * as Iso from "@eno/iso";

const Comp = React.lazy(()=>import("./deep/component.tsx"));

export default ()=>
{
    return <div class="p-4 font-sans">
        <Iso.Metas title="Main Page!"/>
        <nav class="p-4">
            <a class="text-red-500" href="/">Home</a>
            <a href="/about">About</a>
        </nav>

        <h1 class="my-2 font(bold serif) text(3xl)">Title!!</h1>
        <h2>suspended:</h2>
        <React.Suspense fallback={<div>Loading!</div>}>
            <Comp/>
        </React.Suspense>
        <Iso.Switch>
            <Iso.Case value="page">
                <Iso.Switch>
                    <Iso.Case value="about-us">About us!</Iso.Case>
                    <Iso.Case default>sorry no page</Iso.Case>
                </Iso.Switch>
            </Iso.Case>
            <Iso.Case value="lol/idk">lol/idk</Iso.Case>
            <Iso.Case default><p>404!</p></Iso.Case>
        </Iso.Switch>
    </div>;
};

export const CSS = {
    presets: [TWPreTail(), TWPreAuto()],
    hash:false
};