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