mango-ui-v3/components/PnlText.tsx

20 lines
364 B
TypeScript

import { formatUsdValue } from '../utils'
const PnlText = ({ className, pnl }: { className?: string; pnl?: number }) => (
<>
{pnl ? (
<p
className={`mb-0 ${className} ${
pnl > 0 ? 'text-th-green' : 'text-th-red'
}`}
>
{formatUsdValue(pnl)}
</p>
) : (
'--'
)}
</>
)
export default PnlText