"use client"; const TABS = [ { id: "campaigns", label: "Campaigns" }, { id: "compose", label: "Compose" }, { id: "segments", label: "Segments" }, { id: "analytics", label: "Analytics" }, { id: "templates", label: "Templates" }, { id: "contacts", label: "Contacts" }, { id: "logs", label: "Logs" }, { id: "settings", label: "Settings" }, ]; // Icon components const Icons = { mail: (className: string) => ( ), send: (className: string) => ( ), users: (className: string) => ( ), chart: (className: string) => ( ), fileText: (className: string) => ( ), userCheck: (className: string) => ( ), list: (className: string) => ( ), settings: (className: string) => ( ), filter: (className: string) => ( ), }; export default function CommunicationsNav({ activeTab, }: { activeTab: "campaigns" | "templates" | "contacts" | "logs" | "segments" | "analytics" | "compose" | "settings"; }) { return ( ); } export { TABS, Icons };