/*!
 * KoliBri - The accessible HTML-Standard
 */
import { Fragment, h } from "@stencil/core";
function renderSpinVariant(variant) {
    switch (variant) {
        case 'cycle':
            return h("span", { class: `kol-spin__loader kol-spin__spinner--${variant}__element` });
        case 'none':
            return h("slot", { name: "expert" });
        default:
            return (h(Fragment, null, h("span", { class: `kol-spin__spinner-element 
							kol-spin__spinner-element--1 
							kol-spin__spinner--${variant}__element 
							kol-spin__spinner--${variant}__element--1` }), h("span", { class: `kol-spin__spinner-element 
							kol-spin__spinner-element--2 
							kol-spin__spinner--${variant}__element 
							kol-spin__spinner--${variant}__element--2` }), h("span", { class: `kol-spin__spinner-element 
							kol-spin__spinner-element--3 
							kol-spin__spinner--${variant}__element 
							kol-spin__spinner--${variant}__element--3` }), h("span", { class: `kol-spin__spinner-element 
							kol-spin__spinner-element--neutral 
							kol-spin__spinner--${variant}__element 
							kol-spin__spinner--${variant}__element--4` })));
    }
}
export const SpinFC = (props) => {
    const { show, label, variant, showToggled, handleGetTranslateActionRunning, handleGetTranslateActionDone } = props;
    return (h(Fragment, null, show ? (h(Fragment, null, h("span", { class: `kol-spin__spinner kol-spin__spinner--${variant}` }, renderSpinVariant(variant)), h("span", { "aria-busy": "true", class: "visually-hidden", role: "alert" }, label || handleGetTranslateActionRunning()))) : (showToggled && (h("span", { "aria-busy": "false", class: "visually-hidden", role: "alert" }, label || handleGetTranslateActionDone())))));
};
//# sourceMappingURL=component.js.map
