import { r as registerInstance, h, H as Host } from './index-BIRwgFLv.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) {
        registerInstance(this, hostRef);
        this.size = 32;
        this.mode = 'light';
    }
    render() {
        return (h(Host, { key: 'e6e3e9db3496ed8041e1a41e579b5352c8c3b4f3', 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;

export { VerdocsQuickFilter as verdocs_spinner };
//# sourceMappingURL=verdocs-spinner.entry.js.map
