2022-06-21 03:58:57 -07:00
|
|
|
type ContentBoxProps = {
|
|
|
|
children: React.ReactNode
|
2022-07-05 20:37:49 -07:00
|
|
|
className?: string
|
2022-07-14 12:33:11 -07:00
|
|
|
showBackground?: boolean
|
|
|
|
hideBorder?: boolean
|
|
|
|
hidePadding?: boolean
|
2022-06-21 03:58:57 -07:00
|
|
|
}
|
|
|
|
|
2022-07-14 12:33:11 -07:00
|
|
|
const ContentBox = ({
|
|
|
|
children,
|
|
|
|
className = '',
|
|
|
|
showBackground = false,
|
|
|
|
hideBorder = false,
|
|
|
|
hidePadding = false,
|
|
|
|
}: ContentBoxProps) => {
|
2022-07-05 20:37:49 -07:00
|
|
|
return (
|
2022-07-12 19:02:36 -07:00
|
|
|
<div
|
2022-07-14 12:33:11 -07:00
|
|
|
className={`rounded-xl ${hideBorder ? '' : 'border border-th-bkg-3'} ${
|
|
|
|
showBackground ? 'bg-th-bkg-2' : ''
|
|
|
|
} ${hidePadding ? '' : 'p-8'} ${className}`}
|
2022-07-12 19:02:36 -07:00
|
|
|
>
|
|
|
|
{children}
|
|
|
|
</div>
|
2022-07-05 20:37:49 -07:00
|
|
|
)
|
2022-06-21 03:58:57 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
export default ContentBox
|