Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | 1x 1x 1x 1x 1x 1x 1x | /*
* Copyright 2021 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Shield 1.0.0 license
* that can be found in the licenses directory at the root of this repository, also available at
* https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
*/
import React from 'react'
import { Text, Link } from '@wings-software/uicore'
import css from './TitledInfo.module.scss'
export interface TitledInfoProps {
title: string
value: string | number | undefined
href?: string
className?: string
maxWidth?: string
}
export const TitledInfo: React.FC<TitledInfoProps> = (props: TitledInfoProps) => {
const { title, value, href, maxWidth, className, ...restProps } = props
const style = { maxWidth: maxWidth ? maxWidth : '165px' }
return (
<div className={css.container} {...restProps}>
<Text>{title || ''}</Text>
{!href && <Text style={style}>{value && value.toString()}</Text>}
{href && (
<Link style={style} href={href}>
{value && value.toString()}
</Link>
)}
</div>
)
}
|