import { p as proxyCustomElement, H, h } from './p-ac76a689.js';

const genericSpinnerCss = ".spinner{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.spinner::after{content:'';width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
const GenericSpinnerStyle0 = genericSpinnerCss;

const GenericSpinner = /*@__PURE__*/ proxyCustomElement(class GenericSpinner extends H {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        return h("div", Object.assign({ key: 'd31262d4879d356a349f79e53838797cbc237c8e', class: "spinner" }, this.host.attributes));
    }
    get host() { return this; }
    static get style() { return GenericSpinnerStyle0; }
}, [0, "generic-spinner"]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["generic-spinner"];
    components.forEach(tagName => { switch (tagName) {
        case "generic-spinner":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, GenericSpinner);
            }
            break;
    } });
}
defineCustomElement();

export { GenericSpinner as G, defineCustomElement as d };

//# sourceMappingURL=p-8f3a6c5d.js.map