mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-07 20:31:06 -05:00
40 lines
849 B
TypeScript
40 lines
849 B
TypeScript
|
import Tooltip from './tooltip'
|
||
|
|
import { OverlayTriggerProps } from 'react-bootstrap'
|
||
|
|
|
||
|
|
type TooltipProps = {
|
||
|
|
id: string
|
||
|
|
text: React.ReactNode
|
||
|
|
placement?: OverlayTriggerProps['placement']
|
||
|
|
className?: string
|
||
|
|
}
|
||
|
|
|
||
|
|
type BetaBadgeProps = {
|
||
|
|
tooltip: TooltipProps
|
||
|
|
url?: string
|
||
|
|
}
|
||
|
|
|
||
|
|
function BetaBadge({ tooltip, url = '/beta/participate' }: BetaBadgeProps) {
|
||
|
|
return (
|
||
|
|
<Tooltip
|
||
|
|
id={tooltip.id}
|
||
|
|
description={tooltip.text}
|
||
|
|
tooltipProps={{ className: tooltip.className }}
|
||
|
|
overlayProps={{
|
||
|
|
placement: tooltip.placement || 'bottom',
|
||
|
|
delayHide: 100,
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<a
|
||
|
|
href={url}
|
||
|
|
target="_blank"
|
||
|
|
rel="noopener noreferrer"
|
||
|
|
className="badge beta-badge"
|
||
|
|
>
|
||
|
|
<span className="sr-only">{tooltip.text}</span>
|
||
|
|
</a>
|
||
|
|
</Tooltip>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default BetaBadge
|