import React from 'react';
import { Box } from './Box';

interface TopNavProps {
  children: React.ReactNode;
}

/**
 * TopNav is a horizontal navigation container used within the ControlBar.
 */
export function TopNav({ children }: TopNavProps) {
  return (
    <Box as="nav" display="flex" alignItems="center" justifyContent="between" width="full" height="full">
      {children}
    </Box>
  );
}