28 lines
548 B
TypeScript
28 lines
548 B
TypeScript
type ContentBoxProps = {
|
|
children: React.ReactNode
|
|
className?: string
|
|
showBackground?: boolean
|
|
hideBorder?: boolean
|
|
hidePadding?: boolean
|
|
}
|
|
|
|
const ContentBox = ({
|
|
children,
|
|
className = '',
|
|
showBackground = false,
|
|
hideBorder = false,
|
|
hidePadding = false,
|
|
}: ContentBoxProps) => {
|
|
return (
|
|
<div
|
|
className={`${hideBorder ? '' : 'border border-th-bkg-3'} ${
|
|
showBackground ? 'bg-th-bkg-2' : ''
|
|
} ${hidePadding ? '' : 'p-6'} ${className}`}
|
|
>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ContentBox
|