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

import FlexberryButtonComponent from 'ember-flexberry/components/flexberry-button';
import layout from '../templates/components/fd-round-button';
import { isNone } from '@ember/utils';

export default FlexberryButtonComponent.extend({
  layout,

  tagName: 'div',

  iconClass: 'icon-fd-plus-thin',

  classNames: ['fd-round-button'],

  colorClass: ' ',

  /**
    Components class names bindings.
    @property classNameBindings
    @type String[]
  */
  classNameBindings: ['colorClass'],

import FlexberryButtonComponent from 'ember-flexberry/components/flexberry-button';
import layout from '../templates/components/fd-button';

export default FlexberryButtonComponent.extend({
  layout,

  tagName: 'button',

  iconClass: 'icon-fd-plus-thin',

  classNames: ['basic circular'],

  buttonType: 'button',

  attributeBindings: ['buttonType:type']
});