overleaf-cep/services/web/frontend/js/features/ui/components/ol/ol-page-content-card.tsx
Tim Down 5c4cb50628 Merge pull request #24988 from overleaf/td-bs5-upgrade-and-rename
Apply minor upgrades to Bootstrap 5 and react-bootstrap

GitOrigin-RevId: eb013f38515ebd4b9572d139f00841aca344e3c6
2025-05-16 08:05:28 +00:00

18 lines
624 B
TypeScript

import { Card, CardBody } from 'react-bootstrap'
import { FC } from 'react'
import classNames from 'classnames'
// 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 previously in our codebase is a div with class "card"
const OLPageContentCard: FC<
React.PropsWithChildren<{ className?: string }>
> = ({ children, className }) => {
return (
<Card className={classNames('page-content-card', className)}>
<CardBody>{children}</CardBody>
</Card>
)
}
export default OLPageContentCard