mars-v2-frontend/src/components/common/SummaryLine.tsx
2024-01-25 14:30:01 +01:00

20 lines
560 B
TypeScript

import classNames from 'classnames'
import React from 'react'
const infoLineClasses = 'flex flex-row justify-between flex-1 mb-1 text-xs text-white'
interface SummaryLineProps {
children: React.ReactNode
className?: string
contentClassName?: string
label: string
}
export default function SummaryLine(props: SummaryLineProps) {
return (
<div className={classNames(infoLineClasses, props.className)}>
<span className='opacity-40'>{props.label}</span>
<span className={props.contentClassName}>{props.children}</span>
</div>
)
}