20 lines
602 B
TypeScript
20 lines
602 B
TypeScript
import { Card, CardBody } from 'react-bootstrap-5'
|
|
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<{ className?: string }> = ({
|
|
children,
|
|
className,
|
|
}) => {
|
|
return (
|
|
<Card className={classNames('page-content-card', className)}>
|
|
<CardBody>{children}</CardBody>
|
|
</Card>
|
|
)
|
|
}
|
|
|
|
export default OLPageContentCard
|