Overleaf/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<HTMLProps<HTMLDivElement> & { id: string }> = ({
  children,
  id,
  ...props
}) => {
  return (
    <div {...props}>
      <NestableDropdownContextProvider id={id}>
        {children}
      </NestableDropdownContextProvider>
    </div>
  )
}