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 Component from "./deep/component.tsx";
import * as Iso from "@eno/iso";

export default ()=>
{
    return <div class="p-4 font-sans">
        <Iso.Metas title="Main Page!"/>
        <h1 class="my-2 font(bold serif) text(2xl)">Title!!</h1>
        <h2>subtitle</h2>
        <Component/>
        <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
};