import * as React from 'react' ; import styled from 'styled-components' ; const Label = styled . span `
  ${ ( { theme } ) => theme . fonts . bigBodyBoldStyle }
` ; const Value = styled . span `
  ${ ( { theme } ) => theme . fonts . bigBodyStyle }
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
` ; const LabelValuePairContainer = styled . div `
  display: flex;
  flex-wrap: nowrap;
` ; interface IInfo { label : string ; value : string ; } export function LabelValuePair ( { label , value } ) { return ( < LabelValuePairContainer > < Label > { label } : < /Label> < Value > { value } < /Value> < /LabelValuePairContainer>); }