const IconGeneral = ({ className }) => ( ); const IconDisplay = ({ className }) => ( ); const IconGallery = ({ className }) => ( ); const IconImage = ({ className }) => ( ); const IconExportImport = ({ className }) => ( ); const IconSupport = ({ className }) => ( ); const ICON_MAP = { general: IconGeneral, "display-settings": IconDisplay, "image-sources": IconGallery, "image-sizes": IconImage, "export-import": IconExportImport, support: IconSupport, }; const GROUPS = [ { label: "GENERAL SETTINGS", items: [ { id: "general", label: "General" }, { id: "display-settings", label: "Display Settings" }, { id: "image-sources", label: "Image sources" }, { id: "image-sizes", label: "Image Sizes" }, { id: "export-import", label: "Export & Import" }, ], }, { label: "SUPPORT", items: [ { id: "support", label: "Help & Support" }, ], }, ]; export default function SidebarNav({ activeSection, onSelect }) { return ( ); }