Progress Tracker

"use client";

import { ProgressTracker } from "@/components/ui/progress-tracker";

export default function Default() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center bg-background p-8 text-foreground">
      <ProgressTracker
        id="progress-tracker-in-progress"
        steps={[
          {
            id: "build",
            label: "Building",
            description: "Compiling TypeScript and bundling assets",
            status: "completed",
          },
          {
            id: "test",
            label: "Running Tests",
            description: "147 tests across 23 suites",
            status: "in-progress",
          },
          {
            id: "deploy",
            label: "Deploy to Production",
            description: "Upload to edge nodes",
            status: "pending",
          },
        ]}
        elapsedTime={43200}
      />
    </div>
  );
}