mars-v2-frontend/src/components/TitleAndSubCell.tsx
Bob van der Helm 50fd39e926
Mp 3412 (#487)
* first iteration

* finish implementation

* finish

* fix pr comments

* fix: added Card Title to Overview

---------

Co-authored-by: Linkie Link <linkielink.dev@gmail.com>
2023-09-19 15:39:14 +02:00

24 lines
602 B
TypeScript

import classNames from 'classnames'
import Text from 'components/Text'
interface Props {
title: string | React.ReactNode
sub: string | React.ReactNode
className?: string
containerClassName?: string
}
export default function TitleAndSubCell(props: Props) {
return (
<div className={classNames('flex flex-col gap-0.5', props.containerClassName)}>
<Text size='xs' className={props.className} tag='span'>
{props.title}
</Text>
<Text size='xs' className={classNames('text-white/40', props.className)} tag='span'>
{props.sub}
</Text>
</div>
)
}