Files
Compass/web/components/widgets/news-topics-content-container.tsx
2026-04-30 14:13:56 +02:00

26 lines
609 B
TypeScript

import clsx from 'clsx'
import {ReactNode} from 'react'
import {Subtitle} from 'web/components/widgets/subtitle'
import {Col} from '../layout/col'
export const NewsTopicsContentContainer = (props: {
className?: string
containerContent: ReactNode
header?: string
}) => {
const {className, containerContent, header} = props
return (
<Col
className={clsx(
'border-ink-300 bg-canvas-50 m-0 mb-4 rounded-lg border object-contain px-3 py-1',
className,
)}
>
{header && <Subtitle className="!mt-0">{header}</Subtitle>}
{containerContent}
</Col>
)
}