Setup Guide

import { SetupGuide, type SetupStep } from "@/components/ui/setup-guide";

export function OnboardingChecklist({ user, go }: {
  user: { emailVerified: boolean; hasSource: boolean; invited: boolean };
  go: (id: string) => void;
}) {
  const steps: SetupStep[] = [
    { id: "verify", group: "account", title: "Verify your email", why: "So invoices reach you.", actionLabel: "Resend link", done: user.emailVerified },
    { id: "source", group: "data", title: "Connect a source", why: "Your first sync starts here.", actionLabel: "Connect", done: user.hasSource },
    { id: "invite", group: "team", title: "Invite a teammate", actionLabel: "Invite", done: user.invited },
  ];
  return (
    <SetupGuide
      steps={steps}
      groups={[{ id: "account", title: "Account" }, { id: "data", title: "Data" }, { id: "team", title: "Team" }]}
      onAction={go}
    />
  );
}