mango-v4-ui/components/shared/ContentBox.tsx

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={`rounded-lg ${hideBorder ? '' : 'border border-th-bkg-3'} ${
        showBackground ? 'bg-th-bkg-2' : ''
      } ${hidePadding ? '' : 'p-6'} ${className}`}
    >
      {children}
    </div>
  )
}

export default ContentBox