import React from 'react';

export function MainNav() {
  return (
    <nav className="flex space-x-4">
      {['Overview', 'Customers', 'Products', 'Settings'].map((item) => (
        <button
          key={item}
          className="px-3 py-2 text-sm font-medium hover:text-primary"
        >
          {item}
        </button>
      ))}
    </nav>
  );
}