How to use Semantic UI's visibility module with Semantic UI Ember.

index.hbs

  {{#ui-visibility class="ui segment masthead"
                  once=false
                  onBottomPassed=(action "mastheadOffScreen")
                  onBottomPassedReverse=(action "mastheadOnScreen") }}
    <div class="ui container">
      <h1>Hello, World!</h1>
    </div>
  {{/ui-visibility}}

ui-visibility.js

import Component from '@ember/component';
import Base from 'semantic-ui-ember/mixins/base';

export default Component.extend(Base, {
  module: 'visibility',
  classNames: ['ui', 'visibility']
});