interface GeneratingAnimationProps {
  branchContext?: { current: number; total: number }
}

export function GeneratingAnimation({ branchContext }: GeneratingAnimationProps) {
  return (
    <div className="flex flex-col items-center justify-center gap-4 py-10">
      {/* Spinner */}
      <div className="h-8 w-8 animate-spin rounded-full border-2 border-border border-t-primary" />

      {/* Branch context (Generate All mode) */}
      {branchContext ? (
        <>
          <p className="text-xs font-label uppercase tracking-wide text-muted-foreground">
            Branch {branchContext.current} of {branchContext.total}
          </p>
          <p className="text-sm text-muted-foreground">Generating branch detail...</p>
        </>
      ) : (
        <p className="text-sm text-muted-foreground">Generating...</p>
      )}
    </div>
  )
}