import React , { FunctionComponent } from "react" ; import { HorizontalGutter } from "coral-ui/components/v2" ; import styles from "./TodayValue.css" ; interface Props { value ? : string ; } const TodayValue = ( { value = "-" , children } ) => { return ( < HorizontalGutter spacing = { 1 } > < p className = { styles . valueBoxValue } > { value } < /p> < p className = { styles . valueBoxName } > { children } < /p> < /HorizontalGutter>); } ; export default TodayValue ;