import * as React from 'react' ; import styled from 'styled-components' ; import { StatItemTitle , StatItemValue } from './index' ; const Wrapper = styled . h2 `
  display: flex column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
` ; interface Props { title : string ; children ? : React . ReactNode ; value ? : string ; } const StatItem = ( props ) : React . ReactElement => { const { children , title , value } = props ; return ( < Wrapper > < StatItemTitle > { title } < /StatItemTitle> < StatItemValue > { value } < /StatItemValue> { children } < /Wrapper>); } ; export default React . memo ( StatItem ) ;