import { useState } from 'react' function NavLink({ active, onClick, children }) { const [hover, setHover] = useState(false) return ( setHover(true)} onMouseLeave={() => setHover(false)} style={{ background: active ? 'rgba(0,212,255,0.08)' : 'transparent', border: 'none', padding: '8px 14px', borderRadius: 8, fontFamily: 'Inter, sans-serif', fontSize: 14, fontWeight: active ? 600 : 500, color: active ? '#00D4FF' : hover ? '#F8FAFC' : '#CBD5E1', cursor: 'pointer', transition: 'all .12s cubic-bezier(0.22,1,0.36,1)', }}> {children} ) } export default function Navbar({ active, onNavigate }) { const tabs = [ { id: 'analyze', label: 'Analyze' }, { id: 'batch', label: 'Batch Upload' }, { id: 'similarity', label: 'Similarity' }, ] return ( {/* Logo */} onNavigate('analyze')}> CodeSentinel {/* Nav links */} {tabs.map(t => ( onNavigate(t.id)}> {t.label} ))} {/* Desna strana — prazna, CS avatar uklonjen */} ) }