'use strict';

var index = require('./index-B2lA-USD.js');

const verdocsSpinnerCss = "verdocs-spinner{display:inline-block;border-radius:50%;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";

const LIGHT_STYLE = { border: '3px solid rgba(255, 255, 255, 0.3)', borderTopColor: '#fff' };
const DARK_STYLE = { border: '3px solid rgba(0, 0, 0, 0.3)', borderTopColor: '#333' };
const VerdocsQuickFilter = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.size = 32;
        this.mode = 'light';
    }
    render() {
        return (index.h(index.Host, { key: '335641f6984681e976a14e02f973413eabb612c9', style: {
                width: `${this.size}px`, //
                height: `${this.size}px`,
                flex: `0 0 ${this.size}px`,
                ...(this.mode === 'light' ? LIGHT_STYLE : DARK_STYLE),
            } }));
    }
};
VerdocsQuickFilter.style = verdocsSpinnerCss;

exports.verdocs_spinner = VerdocsQuickFilter;
//# sourceMappingURL=verdocs-spinner.entry.cjs.js.map

//# sourceMappingURL=verdocs-spinner.cjs.entry.js.map