name:@quarterto/styled-compose

styled-compose.js

const {createElement: h} = require('react')

module.exports = (...styles) => styles.reduce(
  (prev, component) => {
    function Composed(props) {
      return h(component, Object.assign({}, props, {as: prev}))
    }
    
    Composed.displayName = component.displayName || component.name
    return Composed
  }
)