import styled from "styled-components";
import { applyRoundness, applySkeletonPulseGradient, applySkeletonShimmerGradient } from "../../../mixins";
import { classes, privateTokens, tokens } from "../tokens";
export var StyledRectSkeleton = styled.div.withConfig({
    displayName: "RectSkeleton.styles__StyledRectSkeleton",
    componentId: "sc-b8d91746-0"
})([
    "position:relative;overflow:hidden;width:",
    ";height:",
    ";",
    ":",
    ";",
    ";&.",
    "{",
    ":",
    ";",
    ";}&.",
    "{",
    ":",
    ";",
    ":",
    ";",
    ";}"
], function(param) {
    var width = param.width;
    return width;
}, function(param) {
    var height = param.height;
    return height;
}, privateTokens.lineSkeletonRoundness, function(param) {
    var roundness = param.roundness;
    return roundness;
}, applyRoundness("var(".concat(privateTokens.lineSkeletonRoundness, ")")), classes.shimmerAnimation, privateTokens.lineSkeletonGradient, function(param) {
    var gradientColor = param.gradientColor;
    return gradientColor || "var(".concat(tokens.gradientColor, ")");
}, applySkeletonShimmerGradient("var(".concat(privateTokens.lineSkeletonGradient, ")"), tokens.shimmerDuration), classes.pulseAnimation, privateTokens.skeletonFadeInColor, function(param) {
    var customFadeInColor = param.customFadeInColor;
    return customFadeInColor || "var(".concat(tokens.fadeInColor, ")");
}, privateTokens.skeletonFadeOutColor, function(param) {
    var customFadeOutColor = param.customFadeOutColor;
    return customFadeOutColor || "var(".concat(tokens.fadeOutColor, ")");
}, applySkeletonPulseGradient(privateTokens.skeletonFadeInColor, privateTokens.skeletonFadeOutColor, tokens.pulseDuration));
