overleaf-cep/services/web/frontend/js/shared/components/menu-bar/menu-bar.tsx

import { NestableDropdownContextProvider } from '@/shared/context/nestable-dropdown-context'
import { FC, HTMLProps } from 'react'

export const MenuBar: FC<
  React.PropsWithChildren<HTMLProps<HTMLDivElement> & { id: string }>
> = ({ children, id, ...props }) => {
  return (
    <div {...props} role="menubar">
      <NestableDropdownContextProvider id={id}>
        {children}
      </NestableDropdownContextProvider>
    </div>
  )
}