import { IconCheck } from '@tabler/icons-react'; import { cn } from '@/lib/utils'; const steps = [ { id: 1, type: 'done', title: 'Repository connected', description: 'Linked GitHub repository to deployment pipeline', activityTime: '3d ago', }, { id: 2, type: 'done', title: 'Build configuration set', description: 'Configured build commands and environment variables', activityTime: '2d ago', }, { id: 3, type: 'done', title: 'Domain configured', description: 'Custom domain verified and SSL certificate issued', activityTime: '31min ago', }, { id: 4, type: 'in progress', title: 'Running health checks', description: 'Verifying all endpoints respond correctly', activityTime: 'Running now...', }, { id: 5, type: 'open', title: 'Go live', description: 'Switch traffic to the new deployment', activityTime: 'Upcoming', }, ]; export function Onboarding06() { return (

Deployment progress

{step.type === 'done' ? ( ) : step.type === 'in progress' ? (
) : (
)}

{step.title}{' '} ∙ {step.activityTime}

{step.description}

); }