Back

Version 102

3/7/2024
/** @jsx jsx */
/** @jsxFrag Fragment */
import { type FC, Fragment, jsx, type PropsWithChildren } from "https://deno.land/x/hono@v4.0.10/jsx/index.ts";
import { Hono } from "https://deno.land/x/hono@v4.0.10/mod.ts";

const app = new Hono();

const Layout: FC<PropsWithChildren<{ title: string }>> = (props) => {
return (
<html>
<head>
<title>{props.title}</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
{String.raw`
* {
box-sizing: border-box;
}
body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
color-scheme: light dark;
}
`}
</style>
</head>
<body>{props.children}</body>
</html>
);
};
const Output: FC<{ text: string }> = ({ text }) => {
return (
<Layout title="Output">
{text}
easrng-playground.web.val.run
Updated: March 19, 2024