const textFit = require('text-fit')
const vdom = require('virtual-dom')
const hyperx = require('hyperx')
 
const hx = hyperx(vdom.h)
 
const text = 'The quick brown fox jumped over the lazy dog'
 
const styles = textFit(text, {
  scale: [
    { 'font-size': 24 },
    { 'font-size': 32, max: 30 },
    { 'font-size': 48, max: 15 }
  ]
})
 
const tree = hx`
  <h1 styles=${styles}>${text}</h1>
`
 
document.body.appendChild(vdom.create(tree))