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