import { n as normalizeComponent } from './normalize-component-63e8c7a0.js';

//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

/**
 * Minimal loader component to be reused in other components
 */
var script = {
  name: 'BaseLoader',
  props: {
    /**
     * define a color for the loader
     */
    loaderColor: {
      type: String,
      default: ''
    },
    position: {
      type: Object,
      default: function _default() {
        return {};
      }
    },

    /**
     * set this to true if you want to keep element (with height and width) but dont
     * want the loader to show
     */
    hide: {
      type: Boolean,
      default: false
    }
  }
};

/* script */
var __vue_script__ = script;
/* template */

var __vue_render__ = function __vue_render__() {
  var _vm = this;

  var _h = _vm.$createElement;

  var _c = _vm._self._c || _h;

  return _c('div', {
    staticClass: "base-loader",
    style: Object.assign({}, _vm.position, {
      '--loader-color': _vm.loaderColor
    })
  }, [!_vm.hide ? _c('svg', {
    staticClass: "base-loader-circular"
  }, [_c('circle', {
    staticClass: "base-loader-path",
    attrs: {
      "cx": "50",
      "cy": "50",
      "r": "20",
      "fill": "none",
      "stroke-width": "4",
      "stroke-miterlimit": "10"
    }
  })]) : _vm._e()]);
};

var __vue_staticRenderFns__ = [];
/* style */

var __vue_inject_styles__ = undefined;
/* scoped */

var __vue_scope_id__ = "data-v-1bac1cb8";
/* module identifier */

var __vue_module_identifier__ = undefined;
/* functional template */

var __vue_is_functional_template__ = false;
/* style inject */

/* style inject SSR */

/* style inject shadow dom */

var __vue_component__ = /*#__PURE__*/normalizeComponent({
  render: __vue_render__,
  staticRenderFns: __vue_staticRenderFns__
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);

var BaseLoader = __vue_component__;

export { BaseLoader as default };
