import type { ReactNode } from "react"; import { AlertTriangle, CheckCircle2, Lock, Ticket } from "lucide-react"; import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; type HallDesktopWorkflowBarProps = { gameControls: ReactNode; fillControls: ReactNode; reviewControls: ReactNode; stepGame: string; stepFill: string; stepReview: string; }; export function HallDesktopWorkflowBar({ gameControls, fillControls, reviewControls, stepGame, stepFill, stepReview, }: HallDesktopWorkflowBarProps) { const steps = [ { label: stepGame, content: gameControls }, { label: stepFill, content: fillControls }, { label: stepReview, content: reviewControls }, ]; return (
{steps.map((step, index) => (
0 && "border-l border-[#e7edf6]", )} >
{index + 1}

{step.label}

{step.content}
))}
); } export type HallDesktopReviewModel = { lineCount: number; providerCount: number; actualAmount: string; availableCredit: string; remainingCredit: string; warningCount: number; creditSufficient: boolean; }; type HallDesktopReviewPanelProps = { model: HallDesktopReviewModel; labels: { title: string; lineCount: string; providerCount: string; actualTotal: string; availableCredit: string; remainingCredit: string; noWarnings: string; warningCount: string; creditEnough: string; creditInsufficient: string; submit: string; }; disabled: boolean; loading: boolean; isBettable: boolean; onSubmit: () => void; }; export function HallDesktopReviewPanel({ model, labels, disabled, loading, isBettable, onSubmit, }: HallDesktopReviewPanelProps) { return ( ); }