import Link from 'next/link'

interface NavigationProps {
  logo?: string
  siteName: string
  locale: string
}

export function Navigation({ logo, siteName, locale }: NavigationProps) {
  // Static menu for now - can be made dynamic later
  const mainMenu = [
    { title: 'Home', path: `/${locale}` },
    { title: 'Blog', path: `/${locale}/blog` },
    { title: 'Products', path: `/${locale}/products` },
    { title: 'Contact', path: `/${locale}/contact` }
  ]
  
  return (
    <nav className="navbar">
      <div className="nav-container">
        <Link href={`/${locale}`} className="nav-logo">
          {logo || siteName}
        </Link>
        
        <div className="nav-menu">
          {mainMenu.map((item) => (
            <Link
              key={item.path}
              href={item.path}
              className="nav-link"
            >
              {item.title}
            </Link>
          ))}
        </div>
      </div>
    </nav>
  )
}