import { Separator } from '@/components/ui/separator' import { CheckCircle, Clock, MapPin } from '@phosphor-icons/react' import roadmapData from '@/data/documentation/roadmap-data.json' import { RoadmapItem } from './RoadmapItem' const sections = [ { key: 'completed', title: roadmapData.sections.completedTitle, icon: , items: roadmapData.completed }, { key: 'planned', title: roadmapData.sections.plannedTitle, icon: , items: roadmapData.planned } ] export function RoadmapTab() { return (

{roadmapData.title}

{roadmapData.subtitle}

{sections.map((section) => (
{section.icon}

{section.title}

{section.items.map((item) => ( ))}
))}
) }