text: import I18n from 'i18n-js';
  
  import {CheckBoxInputView, ConfigurationEditorView, SliderInputView} from '$pageflow/ui';
  
  import {editor} from '../../base';
  
  import {FileInputView} from '../inputs/FileInputView';
  import {InfoBoxView} from '../InfoBoxView';
  
  editor.widgetTypes.register('media_loading_spinner', {
    configurationEditorView: ConfigurationEditorView.extend({
      configure: function() {
        this.tab('loading_spinner', function() {
          this.view(InfoBoxView, {
            text: I18n.t('pageflow.editor.media_loading_spinner.widget_type_info_box_text')
          });
          this.input('custom_background_image_id', FileInputView, {
            collection: 'image_files',
            fileSelectionHandler: 'widgetConfiguration'
          });
          this.input('invert', CheckBoxInputView);
          this.input('remove_logo', CheckBoxInputView);
          this.input('blur_strength', SliderInputView);
        });
      }
    })
  });
  