eno/example/app.tsx

31 lines
1.0 KiB
TypeScript
Raw Normal View History

2023-04-16 21:33:09 -04:00
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";
2023-04-05 20:05:21 -04:00
import * as Iso from "@eno/iso";
export default ()=>
{
return <div class="p-4 font-sans">
2023-04-05 23:34:20 -04:00
<Iso.Metas title="Main Page!"/>
<h1 class="my-2 font(bold serif) text(2xl)">Title!!</h1>
<h2>subtitle</h2>
<Component/>
2023-04-15 12:39:08 -04:00
<Iso.Switch>
2023-04-16 21:33:09 -04:00
<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>
2023-04-15 12:39:08 -04:00
</Iso.Case>
<Iso.Case value="lol/idk">lol/idk</Iso.Case>
2023-04-16 21:33:09 -04:00
<Iso.Case default><p>404!</p></Iso.Case>
2023-04-15 12:39:08 -04:00
</Iso.Switch>
</div>;
};
export const CSS = {
presets: [TWPreTail(), TWPreAuto()],
hash:false
};