import { css } from "styled-components";
import styled from "styled-components";
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 = css([
    "display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(",
    ");height:var(",
    ");"
], tokens.width, tokens.height);
export var StyledSpinner = styled(Spinner).withConfig({
    displayName: "Loader.styles__StyledSpinner",
    componentId: "sc-a9704424-0"
})([
    "",
    ":var(",
    ");",
    ":var(",
    ");"
], spinnerTokens.size, tokens.spinnerSize, spinnerTokens.color, tokens.spinnerColor);
export var StyledProgressBarCircular = styled(ProgressBarCircular).withConfig({
    displayName: "Loader.styles__StyledProgressBarCircular",
    componentId: "sc-a9704424-1"
})([
    "",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");"
], progressBarCircularTokens.size, tokens.progressBarCircularSize, progressBarCircularTokens.width, tokens.progressBarCircularWidth, progressBarCircularTokens.height, tokens.progressBarCircularHeight, progressBarCircularTokens.strokeWidth, tokens.progressBarCircularStrokeWidth, progressBarCircularTokens.strokeSize, tokens.progressBarCircularStrokeSize, progressBarCircularTokens.backgroundStroke, tokens.progressBarCircularBackgroundStroke, progressBarCircularTokens.progressStroke, tokens.progressBarCircularStroke, progressBarCircularTokens.contentColor, tokens.progressBarCircularContentColor, progressBarCircularTokens.contentFontFamily, tokens.progressBarCircularContentFontFamily, progressBarCircularTokens.contentFontSize, tokens.progressBarCircularContentFontSize, progressBarCircularTokens.contentFontStyle, tokens.progressBarCircularContentFontStyle, progressBarCircularTokens.contentFontWeight, tokens.progressBarCircularContentFontWeight, progressBarCircularTokens.contentLetterSpacing, tokens.progressBarCircularContentLetterSpacing, progressBarCircularTokens.contentLineHeight, tokens.progressBarCircularContentLineHeight);
export var LoaderWrapper = styled.div.withConfig({
    displayName: "Loader.styles__LoaderWrapper",
    componentId: "sc-a9704424-2"
})([
    "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 = styled.div.withConfig({
    displayName: "Loader.styles__StyledOverlay",
    componentId: "sc-a9704424-3"
})([
    "position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);backdrop-filter:",
    ";cursor:",
    ";--plasma_private-overlay-background-color:",
    ";"
], function(param) {
    var withBlur = param.withBlur;
    return withBlur ? 'blur(1rem)' : 'none';
}, function(param) {
    var onClick = param.onClick;
    return onClick ? 'pointer' : 'default';
}, function(param) {
    var backgroundColorToken = param.backgroundColorToken;
    return backgroundColorToken;
});
export var LoaderContentWrapper = styled.div.withConfig({
    displayName: "Loader.styles__LoaderContentWrapper",
    componentId: "sc-a9704424-4"
})([
    "position:relative;z-index:1;"
]);
