Передача одного и того же реквизита нескольким стилизованным компонентам

У меня есть 3 компонента React, которым передается один и тот же реквизит isNewListingsHeader. Я использую Styled Components для стилей CSS. Мне интересно, есть ли более чистый способ передать эту опору в 3 разных стилизованных компонента SortBarWrapper, SortOptionsWrapper и SortOptionsWrapper, чтобы мне не приходилось каждый раз определять isNewListingsHeader.

// Styled Components
const SortBarWrapper = styled.div`
   position: relative;
   ${props => !props.isNewListingsHeader && `
     height: 100px;
  `}
`

const SortLineWrapper = styled.div`
   width: 100%;
   ${props => !props.isNewListingsHeader && `
     position: absolute;
     bottom: 0;
   `}
`

const SortOptionsWrapper = styled.div`
   box-sizing: border-box;
   ${props => !props.isNewListingsHeader && `
     padding-bottom: 24px;
     padding-top: 32px;
   `}
`


 render () {
   return (
     <SortBarWrapper isNewListingsHeader = {this.props.isNewListingsHeader}>
       <SortLineWrapper isNewListingsHeader = {this.props.isNewListingsHeader}>
         <SortOptionsWrapper isNewListingsHeader = {this.props.isNewListingsHeader}>
           // Display Sort Options
         </SortOptionsWrapper>
       </SortLineWrapper>
     </SortBarWrapper>
   )
 }