32 lines
934 B
TypeScript
32 lines
934 B
TypeScript
import classNames from 'classnames'
|
|
import React from 'react'
|
|
|
|
import Text from 'components/common/Text'
|
|
import { Tooltip } from 'components/common/Tooltip'
|
|
|
|
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
|
|
tooltip?: string
|
|
}
|
|
export default function SummaryLine(props: SummaryLineProps) {
|
|
return (
|
|
<div className={classNames(infoLineClasses, props.className)}>
|
|
{props.tooltip ? (
|
|
<Tooltip content={<span className='text-sm'>{props.tooltip}</span>} type='info' underline>
|
|
<Text size='xs' className='opacity-40'>
|
|
{props.label}
|
|
</Text>
|
|
</Tooltip>
|
|
) : (
|
|
<span className='opacity-40'>{props.label}</span>
|
|
)}
|
|
<span className={props.contentClassName}>{props.children}</span>
|
|
</div>
|
|
)
|
|
}
|