Files
eventsphere/apps/web/src/components/public/FlowPage.tsx
2026-04-25 21:57:48 +01:00

14 lines
567 B
TypeScript

import { PublicShell } from "./PublicShell";
import { Card } from "@/components/ui/Card";
import type { ReactNode } from "react";
export function FlowPage({ title, step, children }: { title: string; step: string; children?: ReactNode }) {
return <PublicShell><main className="mx-auto max-w-3xl px-6 py-16">
<Card className="p-8">
<div className="text-sm font-bold text-accent">{step}</div>
<h1 className="mt-3 text-4xl font-black">{title}</h1>
{children ? <div className="mt-8">{children}</div> : null}
</Card>
</main></PublicShell>;
}