mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-17 21:05:04 -04:00
33 lines
736 B
TypeScript
33 lines
736 B
TypeScript
|
import { Button as BootstrapButton } from 'react-bootstrap-5'
|
||
|
|
import type { ButtonProps } from '@/features/ui/components/types/button-props'
|
||
|
|
|
||
|
|
const sizeClasses = new Map<ButtonProps['size'], string>([
|
||
|
|
['small', 'btn-sm'],
|
||
|
|
['default', ''],
|
||
|
|
['large', 'btn-lg'],
|
||
|
|
])
|
||
|
|
|
||
|
|
// TODO: Display a spinner when `loading` is true
|
||
|
|
function Button({
|
||
|
|
variant = 'primary',
|
||
|
|
size = 'default',
|
||
|
|
disabled = false,
|
||
|
|
loading = false,
|
||
|
|
children,
|
||
|
|
}: ButtonProps) {
|
||
|
|
const sizeClass = sizeClasses.get(size)
|
||
|
|
|
||
|
|
return (
|
||
|
|
<BootstrapButton
|
||
|
|
variant={variant}
|
||
|
|
className={sizeClass}
|
||
|
|
disabled={disabled}
|
||
|
|
{...(loading ? { 'data-ol-loading': true } : null)}
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
</BootstrapButton>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Button
|