1/** @jsxImportSource react */
2import { Card } from "../components/Card.tsx";
3
4// A server component: renders in the Worker on every request. With the
5// date-default Node.js compatibility, the `env` declared in
6// alchemy.run.ts is populated onto `process.env`.
7const Component = () => {
8 const greeting = process.env.GREETING ?? "Hello!";
9 return (
10 <main>
11 <h1 className="text-3xl font-bold">{greeting}</h1>
12 <Card
13 title="Styled with Tailwind CSS"
14 body="This card is a React component styled with Tailwind utilities."
15 />
16 </main>
17 );
18};
19
20export default Component;