import { cn } from '@/lib/utils'; const steps = [ { id: 1, type: 'created', description: 'Created project "Brand Refresh"', user: { name: 'Sarah K.', initial: 'S', bgColor: 'bg-violet-500' }, activityTime: '3d ago', }, { id: 2, type: 'created', description: 'Uploaded 12 design assets', user: { name: 'Marcus L.', initial: 'M', bgColor: 'bg-orange-500' }, activityTime: '2d ago', }, { id: 3, type: 'created', description: 'Shared prototype with stakeholders', user: { name: 'Sarah K.', initial: 'S', bgColor: 'bg-emerald-500' }, activityTime: '2h ago', }, { id: 4, type: 'created', description: 'Left feedback on homepage layout', user: { name: 'Jamie R.', initial: 'J', bgColor: 'bg-fuchsia-500' }, activityTime: '5min ago', }, { id: 5, type: 'in progress', description: 'Scheduled design review meeting', user: { name: 'Team Ops', initial: 'T', bgColor: 'bg-blue-500' }, activityTime: 'today 2:30pm', }, ]; export function Onboarding05() { return (

Project activity

Recent updates from your team

{step.type === 'created' ? (
) : (
)}
{step.user.initial}

{step.user.name} {' '} {step.description} {' '} ∙ {step.activityTime}

); }