"use client";

import { Tabs } from "@/components/ui/Tabs";
import { CV_TABS, CV_TAB_ORDER, type CVTabId } from "@/lib/types/cv";

interface CvTabsProps {
  activeTab: CVTabId;
  onTabChange: (tab: CVTabId) => void;
}

export function CvTabs({ activeTab, onTabChange }: CvTabsProps) {
  const items = CV_TAB_ORDER.map((id) => ({
    id,
    label: `${CV_TABS[id].numero} · ${CV_TABS[id].label}`,
  }));

  return <Tabs items={items} activeId={activeTab} onChange={onTabChange} />;
}