Status Check

import { ArrowRight, CheckCircle2, Loader2, XCircle } from "lucide-react"
import { StatusCheck } from "@/components/status-check"

export default function Page() {
  return (
    <StatusCheck
      idle={{ label: "Start Transaction", icon: ArrowRight, dotColor: "#9ca3af", iconClass: "text-muted-foreground" }}
      processing={{ label: "Processing", sublabel: "Verifying payment...", icon: Loader2, iconClass: "text-blue-400", dotColor: "#60a5fa", spin: true }}
      completed={{ label: "Completed", sublabel: "Payment successful", icon: CheckCircle2, iconClass: "text-emerald-400", dotColor: "#34d399", glowColor: "#34d399" }}
      failed={{ label: "Failed", sublabel: "Transaction declined", icon: XCircle, iconClass: "text-red-400", dotColor: "#f87171", glowColor: "#f87171" }}
    />
  )
}