How to use the ember-flexberry/components/flexberry-dialog.extend function in ember-flexberry

import { translationMacro as t } from 'ember-i18n';
import layout from '../templates/components/fd-modal-message-box';
import $ from 'jquery';
import FlexberryDialogComponent from 'ember-flexberry/components/flexberry-dialog';

import { computed } from '@ember/object';

export default FlexberryDialogComponent.extend({
  layout,

  /**
    See [EmberJS API](https://emberjs.com/api/).

    @property classNames
  */
  classNames: ['tiny'],
  /**
    Flag: indicates whether dialog is closable (can be closed on it's dimmer click).
    @property closable
    @type Boolean
    @default true
  */
  closable: true,