import React from 'react' ; import styled from 'styled-components' ; interface IProps { label : string ; value : string | number ; valueTestId ? : string ; } const Wrapper = styled . div `
  display: inline-flex;
  line-height: 1.5;
` ; const LabelSection = styled . div `
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  background-color: #6f42c1;
  color: #ffffff;
` ; const ValueSection = styled . div `
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  background-color: #dadad9;
  color: #000000;
` ; const LabelValue = ( props ) => { const { label , value , valueTestId } = props ; return ( < Wrapper > < LabelSection > { label } < /LabelSection> < ValueSection data - testid = { valueTestId } > { value } < /ValueSection> < /Wrapper>); } ; export default LabelValue ;