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>;
}