How to use the ember-bootstrap/utils/cp/type-class function in ember-bootstrap

}

  /**
   * Property for type styling
   *
   * For the available types see the [Bootstrap docs](https://getbootstrap.com/docs/4.3/components/navbar/#color-schemes)
   *
   * @property type
   * @type String
   * @default 'default'
   * @public
   */
  @defaultValue
  type = 'default';

  @typeClass('navbar', 'type')
  typeClass;

  /**
   * The action to be sent when the navbar is about to be collapsed.
   *
   * You can return false to prevent collapsing the navbar automatically, and do that in your action by
   * setting `collapsed` to true.
   *
   * @event onCollapse
   * @public
   */
  onCollapse() {}

  /**
   * The action to be sent after the navbar has been collapsed (including the CSS transition).
   *

*/
  fadeDuration = 150;

  /**
   * Property for type styling
   *
   * For the available types see the [Bootstrap docs](https://getbootstrap.com/docs/4.3/components/alerts/)
   *
   * @property type
   * @type String
   * @default 'default'
   * @public
   */
  type = 'default';

  @typeClass('alert', 'type')
  typeClass;

  /**
   * Use CSS transitions?
   *
   * @property usesTransition
   * @type boolean
   * @readonly
   * @private
   */
  @usesTransition('fade')
  usesTransition;

  /**
   * The action to be sent after the alert has been dismissed (including the CSS transition).
   *

import AccordionItem from 'ember-bootstrap/components/base/bs-accordion/item';
import typeClass from 'ember-bootstrap/utils/cp/type-class';

export default AccordionItem.extend({
  classNames: ['panel'],
  typeClass: typeClass('panel', 'type')
});

import ProgressBar from 'ember-bootstrap/components/base/bs-progress/bar';
import typeClass from 'ember-bootstrap/utils/cp/type-class';

export default ProgressBar.extend({
  classNameBindings: ['progressBarAnimate:active'],
  typeClass: typeClass('progress-bar', 'type')
});

import AccordionItem from 'ember-bootstrap/components/base/bs-accordion/item';
import typeClass from 'ember-bootstrap/utils/cp/type-class';

export default AccordionItem.extend({
  classNames: ['card'],
  typeClass: typeClass('bg', 'type')
});

import ProgressBar from 'ember-bootstrap/components/base/bs-progress/bar';
import typeClass from 'ember-bootstrap/utils/cp/type-class';

export default ProgressBar.extend({
  classNameBindings: ['progressBarAnimate:progress-bar-animated'],
  typeClass: typeClass('bg', 'type')
});