mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-24 21:12:38 -04:00
46 lines
930 B
TypeScript
46 lines
930 B
TypeScript
|
import Button from 'react-bootstrap/lib/Button'
|
||
|
import MaterialIcon from '@/shared/components/material-icon'
|
||
|
import Tooltip from '@/shared/components/tooltip'
|
||
|
|
||
|
type PDFToolbarButtonProps = {
|
||
|
tooltipId: string
|
||
|
icon: string
|
||
|
label: string
|
||
|
onClick: () => void
|
||
|
shortcut?: string
|
||
|
disabled?: boolean
|
||
|
}
|
||
|
|
||
|
export default function PDFToolbarButton({
|
||
|
tooltipId,
|
||
|
disabled,
|
||
|
label,
|
||
|
icon,
|
||
|
onClick,
|
||
|
shortcut,
|
||
|
}: PDFToolbarButtonProps) {
|
||
|
return (
|
||
|
<Tooltip
|
||
|
id={tooltipId}
|
||
|
description={
|
||
|
<>
|
||
|
<div>{label}</div>
|
||
|
{shortcut && <div>{shortcut}</div>}
|
||
|
</>
|
||
|
}
|
||
|
overlayProps={{ placement: 'bottom' }}
|
||
|
>
|
||
|
<Button
|
||
|
aria-label={label}
|
||
|
bsSize="large"
|
||
|
bsStyle={null}
|
||
|
className="pdfjs-toolbar-button"
|
||
|
disabled={disabled}
|
||
|
onClick={onClick}
|
||
|
>
|
||
|
<MaterialIcon type={icon} />
|
||
|
</Button>
|
||
|
</Tooltip>
|
||
|
)
|
||
|
}
|