import React from 'react';

interface TopNavProps {
  children: React.ReactNode;
  className?: string;
}

/**
 * TopNav is a horizontal navigation container used within the AppHeader.
 */
export function TopNav({ children, className = '' }: TopNavProps) {
  return (
    <nav className={`flex items-center justify-between w-full ${className}`}>
      {children}
    </nav>
  );
}