import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { spinnerConfig, spinnerTokens } from "../Spinner";
import { progressBarCircularConfig, progressBarCircularTokens } from "../ProgressBarCircular";
import { component, mergeConfig } from "../../engines";
import { tokens } from "./Loader.tokens";
const mergedSpinnerConfig = mergeConfig(spinnerConfig);
const Spinner = component(mergedSpinnerConfig);
const mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);
const ProgressBarCircular = component(mergedProgressBarCircularConfig);
export const 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 const StyledSpinner = /*#__PURE__*/ styled(Spinner, {
    target: "etkiet80",
    label: "StyledSpinner"
})(spinnerTokens.size, ":var(", tokens.spinnerSize, ");", spinnerTokens.color, ":var(", tokens.spinnerColor, ");");
export const StyledProgressBarCircular = /*#__PURE__*/ styled(ProgressBarCircular, {
    target: "etkiet81",
    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 const LoaderWrapper = /*#__PURE__*/ styled("div", {
    target: "etkiet82",
    label: "LoaderWrapper"
})("position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:", ({ zIndex })=>zIndex || 9000, ";");
export const StyledOverlay = /*#__PURE__*/ styled("div", {
    target: "etkiet83",
    label: "StyledOverlay"
})("position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);backdrop-filter:", ({ withBlur })=>withBlur ? 'blur(1rem)' : 'none', ";cursor:", ({ onClick })=>onClick ? 'pointer' : 'default', ";--plasma_private-overlay-background-color:", ({ backgroundColorToken })=>backgroundColorToken, ";");
export const LoaderContentWrapper = /*#__PURE__*/ styled("div", {
    target: "etkiet84",
    label: "LoaderContentWrapper"
})("position:relative;z-index:1;");
