import React from 'react';

function Navigation() {
  const navItems = [
    'ЕЛЕКТРОЕНЕРГІЯ',
    'ПРИРОДНИЙ ГАЗ',
    'НОРМАТИВНО-ПРАВОВІ АКТИ',
    'ДОКУМЕНТИ ТА ІНФОРМАЦІЯ',
    'ПОШИРЕНІ ЗАПИТАННЯ',
    'КОНТАКТИ'
  ];

  return (
    <nav className="bg-white border-t border-b border-gray-200">
      <div className="container mx-auto px-4">
        <div className="flex flex-wrap items-center py-3">
          <div className="nav-link text-sm font-medium mr-8">МАПА САЙТУ</div>
          {navItems.map((item, index) => (
            <div key={index} className="nav-link text-sm mr-6 py-2">
              {item}
            </div>
          ))}
        </div>
      </div>
    </nav>
  );
}

export default Navigation;