# template
module.exports = (content) ->

  div "#sticky-bar", ->
    div '.inner', ->
      content?()

  # show bar on scroll
  script 'data-id': 'sticky-bar-listener', -> raw """
    (function() {
      var $el = document.getElementById('sticky-bar');
      window.addEventListener('scroll', function() {
        if($el.getBoundingClientRect().top <= 0) {
          $el.classList.add('fixed');
        }
        else {
          $el.classList.remove('fixed');
        }
      }, false);
    })()
  """