overleaf-cep/services/web/frontend/js/features/ui/components/ol/ol-popover.tsx
Tim Down 5c4cb50628 Merge pull request #24988 from overleaf/td-bs5-upgrade-and-rename
Apply minor upgrades to Bootstrap 5 and react-bootstrap

GitOrigin-RevId: eb013f38515ebd4b9572d139f00841aca344e3c6
2025-05-16 08:05:28 +00:00

20 lines
541 B
TypeScript

import { forwardRef } from 'react'
import { Popover, PopoverProps } from 'react-bootstrap'
type OLPopoverProps = Omit<PopoverProps, 'title'> & {
title?: React.ReactNode
}
const OLPopover = forwardRef<HTMLDivElement, OLPopoverProps>((props, ref) => {
const { title, children, ...bs5Props } = props
return (
<Popover {...bs5Props} ref={ref}>
{title && <Popover.Header>{title}</Popover.Header>}
<Popover.Body>{children}</Popover.Body>
</Popover>
)
})
OLPopover.displayName = 'OLPopover'
export default OLPopover