mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
46 lines
1 KiB
TypeScript
46 lines
1 KiB
TypeScript
|
import { forwardRef } from 'react'
|
||
|
import Tooltip from '../tooltip'
|
||
|
import classnames from 'classnames'
|
||
|
import { DropdownProps } from 'react-bootstrap'
|
||
|
import { MergeAndOverride } from '../../../../../types/utils'
|
||
|
|
||
|
type CustomToggleProps = MergeAndOverride<
|
||
|
Pick<DropdownProps, 'bsClass'>,
|
||
|
{
|
||
|
children: React.ReactNode
|
||
|
bsRole: 'toggle'
|
||
|
className?: string
|
||
|
tooltipProps: Omit<React.ComponentProps<typeof Tooltip>, 'children'>
|
||
|
}
|
||
|
>
|
||
|
|
||
|
const DropdownToggleWithTooltip = forwardRef<
|
||
|
HTMLButtonElement,
|
||
|
CustomToggleProps
|
||
|
>(function (props, ref) {
|
||
|
const {
|
||
|
tooltipProps,
|
||
|
children,
|
||
|
bsClass,
|
||
|
className,
|
||
|
bsRole: _bsRole,
|
||
|
...rest
|
||
|
} = props
|
||
|
|
||
|
return (
|
||
|
<Tooltip {...tooltipProps}>
|
||
|
<button
|
||
|
type="button"
|
||
|
ref={ref}
|
||
|
className={classnames(bsClass, 'btn', className)}
|
||
|
{...rest}
|
||
|
>
|
||
|
{children}
|
||
|
</button>
|
||
|
</Tooltip>
|
||
|
)
|
||
|
})
|
||
|
DropdownToggleWithTooltip.displayName = 'DropdownToggleWithTooltip'
|
||
|
|
||
|
export default DropdownToggleWithTooltip
|