[todo: clarify limited use cases]

<!-- Default -->
<h1 class="js-illuminate">ILLUMINATED TEXT</h1>

<!-- Custom Selector -->
<h1 class="custom-class">Using a custom selector</h1>

<!-- Wrapping Text -->
<h1 class="js-illuminate">So much text that it wraps onto two lines or maybe <br /> includes line-breaks</h1>
<script>
    document.addEventListener('DOMContentLoaded', function(event) {
        smgwds.illuminate();
        smgwds.illuminate({
            selector: '.custom-class'
        })
    })
</script>

<h1 class="{{ class }}">{{{ text }}}</h1> {{{ init }}}