import { css } from "@emotion/react";
import styled from "@emotion/styled";
import { spinnerConfig, spinnerTokens } from "../Spinner";
import { progressBarCircularConfig, progressBarCircularTokens } from "../ProgressBarCircular";
import { component, mergeConfig } from "../../engines";
import { tokens } from "./Loader.tokens";
var mergedSpinnerConfig = mergeConfig(spinnerConfig);
var Spinner = component(mergedSpinnerConfig);
var mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);
var ProgressBarCircular = component(mergedProgressBarCircularConfig);
export var base = /*#__PURE__*/ css("display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(", tokens.width, ");height:var(", tokens.height, ");", "base");
export var StyledSpinner = /*#__PURE__*/ styled(Spinner, {
    target: "etjv1eh0",
    label: "StyledSpinner"
})(spinnerTokens.size, ":var(", tokens.spinnerSize, ");", spinnerTokens.color, ":var(", tokens.spinnerColor, ");");
export var StyledProgressBarCircular = /*#__PURE__*/ styled(ProgressBarCircular, {
    target: "etjv1eh1",
    label: "StyledProgressBarCircular"
})(progressBarCircularTokens.size, ":var(", tokens.progressBarCircularSize, ");", progressBarCircularTokens.width, ":var(", tokens.progressBarCircularWidth, ");", progressBarCircularTokens.height, ":var(", tokens.progressBarCircularHeight, ");", progressBarCircularTokens.strokeWidth, ":var(", tokens.progressBarCircularStrokeWidth, ");", progressBarCircularTokens.strokeSize, ":var(", tokens.progressBarCircularStrokeSize, ");", progressBarCircularTokens.backgroundStroke, ":var(", tokens.progressBarCircularBackgroundStroke, ");", progressBarCircularTokens.progressStroke, ":var(", tokens.progressBarCircularStroke, ");", progressBarCircularTokens.contentColor, ":var(", tokens.progressBarCircularContentColor, ");", progressBarCircularTokens.contentFontFamily, ":var(", tokens.progressBarCircularContentFontFamily, ");", progressBarCircularTokens.contentFontSize, ":var(", tokens.progressBarCircularContentFontSize, ");", progressBarCircularTokens.contentFontStyle, ":var(", tokens.progressBarCircularContentFontStyle, ");", progressBarCircularTokens.contentFontWeight, ":var(", tokens.progressBarCircularContentFontWeight, ");", progressBarCircularTokens.contentLetterSpacing, ":var(", tokens.progressBarCircularContentLetterSpacing, ");", progressBarCircularTokens.contentLineHeight, ":var(", tokens.progressBarCircularContentLineHeight, ");");
export var LoaderWrapper = /*#__PURE__*/ styled("div", {
    target: "etjv1eh2",
    label: "LoaderWrapper"
})("position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:", function(param) {
    var zIndex = param.zIndex;
    return zIndex || 9000;
}, ";");
export var StyledOverlay = /*#__PURE__*/ styled("div", {
    target: "etjv1eh3",
    label: "StyledOverlay"
})("position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);backdrop-filter:", function(param) {
    var withBlur = param.withBlur;
    return withBlur ? 'blur(1rem)' : 'none';
}, ";cursor:", function(param) {
    var onClick = param.onClick;
    return onClick ? 'pointer' : 'default';
}, ";--plasma_private-overlay-background-color:", function(param) {
    var backgroundColorToken = param.backgroundColorToken;
    return backgroundColorToken;
}, ";");
export var LoaderContentWrapper = /*#__PURE__*/ styled("div", {
    target: "etjv1eh4",
    label: "LoaderContentWrapper"
})("position:relative;z-index:1;");
