Как получить детей и обернуть их пользовательским тегом в styleled-компоненты?

Question

Предположим, у меня есть компонент в стиле <Things>

const Things = styled.div`
  /* some css */
`

и Реагировать

class Rendered extends React.Component {
  static Items () {
    return (
      <React.Fragment>
        <span>Item1</span>
        <span>Item2</span>
        <span>Item3</span>
      </React.Fragment>
    )
  }

  render () {
    return (
      <Things>
        <Rendered.Items />
      </Things>
    )
  }
}

<Items /> может быть любым с любым размером.
Можно ли обернуть все item в <Items /> родительским тегом?
Как:

<Things>
  <div>
    <span>item1</span>
  </div>
  <div>
    <span>item2</span>
  </div>
  <div>
    <span>item3</span>
  </div>
</Things>

Тогда я могу сделать

const Things = styled.div`
  & > div {
    /* some css */
  }
`