Sha256: 88daa1a8160460cff68568eadb8221e1816a3e48697125b045a1568ae51e0f10
Contents?: true
Size: 1.31 KB
Versions: 644
Compression:
Stored size: 1.31 KB
Contents
import React from 'react'
import classnames from 'classnames'
import { globalProps } from '../utilities/globalProps'
import { buildHtmlProps } from '../utilities/props'
import Title from '../pb_title/_title'
type StatValueProps = {
className?: string,
htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
id?: string,
unit?: string,
value: string | number,
}
const StatValue = (props: StatValueProps): React.ReactElement => {
const {
className,
htmlOptions = {},
id,
unit,
value = 0,
} = props
const htmlProps = buildHtmlProps(htmlOptions)
const displayValue = function(value: string | number) {
if (value || value === 0) {
return (
<Title
size={1}
tag="span"
text={`${value}`}
/>
)
}
}
const displayUnit = function(unit: string) {
if (unit) {
return (
<Title
size={3}
tag="span"
text={unit}
/>
)
}
}
return (
<div
className={classnames('pb_stat_value_kit', globalProps(props), className)}
id={id}
{...htmlProps}
>
<div className="pb_stat_value_wrapper">
{displayValue(value)}
{displayUnit(unit)}
</div>
</div>
)
}
export default StatValue
Version data entries
644 entries across 644 versions & 1 rubygems