import { useState } from "react"; interface NavbarProps { activeSection: number; onNavigate: (index: number) => void; onOpenSettings: () => void; colors: [string, string, string, string]; } const shapesMetadata = [ "Synaptic Brain", "Innovating Lightbulb", "DNA Double Helix", "Nebula Spindle Star", "Structured Octahedron", "Geometric Cube", "Intersecting Aegis", "Flowing Torus", "Torus Trefoil Knot", "Nova Spire Lattice", "Astroid Star", "Email Envelope", "Quantum Dual Shell", "Geodesic Icosahedron", "Hyperboloid", "Klein Bottle", "Holistic Sphere", "Cosmic Scattered", ]; export default function Navbar({ activeSection, onNavigate, onOpenSettings, colors }: NavbarProps) { const [isExpanded, setIsExpanded] = useState(false); return ( ); }