mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-05 04:25:14 -05:00
d71f82b1fa
[web] BS5 submit modal GitOrigin-RevId: 1c66b3874844d9bdbe129acd18480af6e6e0ef6e
25 lines
748 B
TypeScript
25 lines
748 B
TypeScript
import { Card, CardBody, CardProps } from 'react-bootstrap-5'
|
|
import BootstrapVersionSwitcher from '@/features/ui/components/bootstrap-5/bootstrap-version-switcher'
|
|
import { FC } from 'react'
|
|
|
|
// This wraps the Bootstrap 5 Card component but is restricted to the very
|
|
// basic way we're using it, which is as a container for page content. The
|
|
// Bootstrap 3 equivalent in our codebase is a div with class "card"
|
|
const OLCard: FC<CardProps> = ({ children, ...rest }) => {
|
|
return (
|
|
<BootstrapVersionSwitcher
|
|
bs3={
|
|
<div className="card" {...rest}>
|
|
{children}
|
|
</div>
|
|
}
|
|
bs5={
|
|
<Card {...rest}>
|
|
<CardBody>{children}</CardBody>
|
|
</Card>
|
|
}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default OLCard
|