mirror of
https://github.com/CompassConnections/Compass.git
synced 2026-01-06 04:48:14 -05:00
25 lines
585 B
TypeScript
25 lines
585 B
TypeScript
import { ReactNode } from 'react'
|
|
import { Subtitle } from 'web/components/widgets/subtitle'
|
|
import clsx from 'clsx'
|
|
import { Col } from '../layout/col'
|
|
|
|
export const Container = (props: {
|
|
className?: string
|
|
containerContent: ReactNode
|
|
header?: string
|
|
}) => {
|
|
const { className, containerContent, header } = props
|
|
|
|
return (
|
|
<Col
|
|
className={clsx(
|
|
'border-ink-300 m-0 mb-4 rounded-lg border object-contain px-3 py-1',
|
|
className
|
|
)}
|
|
>
|
|
{header && <Subtitle className="!mt-0">{header}</Subtitle>}
|
|
{containerContent}
|
|
</Col>
|
|
)
|
|
}
|