let render = require('preact-render-to-string')
let { div, span, strong } = require('sun')
 
const App = ({ name }) => (
  div.class('App')(
    span('hello'),
    strong(name)
  )
)
 
render(App({ name: 'matt' }))
// <div class="App"><span>hello</span><strong>matt</strong></div>

let render = require('preact-render-to-string')
let { component } = require('sun')
 
let styling = component(function ({ class: cls, children }) {
  assert.equal(cls, 'whatever')
  return children[0]
})
 
let app = styling.class('whatever')(
  div.class('wahtever')(
    strong('hi')
  )
)
 
assert.equal(render(app), '<div class="wahtever"><strong>hi</strong></div>')