t3-code-android-nightly/.repos/alchemy-effect/examples/cloudflare-website-vinext/app/components/Card.tsx
Julius Marminge 6f9cea00ae
chore(refs): sync Effect and Alchemy references to 4.0.1 and beta.80 (#16170)
Co-authored-by: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
2026-10-05 13:22:30 -07:00

21 lines
500 B
TypeScript

import type { ReactNode } from "react";
// A React component styled with Tailwind utility classes.
export function Card({
title,
children,
className,
}: {
title: string;
children: ReactNode;
className?: string;
}) {
return (
<div
className={`mt-6 rounded-xl border border-slate-200 bg-white p-6 shadow-sm ${className ?? "max-w-md"}`}
>
<h2 className="text-lg font-semibold">{title}</h2>
<div className="mt-2 text-slate-600">{children}</div>
</div>
);
}