"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "StyledRectSkeleton", {
    enumerable: true,
    get: function() {
        return StyledRectSkeleton;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _mixins = require("../../../mixins");
const _tokens = require("../tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const StyledRectSkeleton = _styledcomponents.default.div.withConfig({
    displayName: "RectSkeleton.styles__StyledRectSkeleton",
    componentId: "sc-b8d91746-0"
})([
    `position:relative;overflow:hidden;width:`,
    `;height:`,
    `;`,
    `:`,
    `;`,
    `;&.`,
    `{`,
    `:`,
    `;`,
    `;}&.`,
    `{`,
    `:`,
    `;`,
    `:`,
    `;`,
    `;}`
], ({ width })=>width, ({ height })=>height, _tokens.privateTokens.lineSkeletonRoundness, ({ roundness })=>roundness, (0, _mixins.applyRoundness)(`var(${_tokens.privateTokens.lineSkeletonRoundness})`), _tokens.classes.shimmerAnimation, _tokens.privateTokens.lineSkeletonGradient, ({ gradientColor })=>gradientColor || `var(${_tokens.tokens.gradientColor})`, (0, _mixins.applySkeletonShimmerGradient)(`var(${_tokens.privateTokens.lineSkeletonGradient})`, _tokens.tokens.shimmerDuration), _tokens.classes.pulseAnimation, _tokens.privateTokens.skeletonFadeInColor, ({ customFadeInColor })=>customFadeInColor || `var(${_tokens.tokens.fadeInColor})`, _tokens.privateTokens.skeletonFadeOutColor, ({ customFadeOutColor })=>customFadeOutColor || `var(${_tokens.tokens.fadeOutColor})`, (0, _mixins.applySkeletonPulseGradient)(_tokens.privateTokens.skeletonFadeInColor, _tokens.privateTokens.skeletonFadeOutColor, _tokens.tokens.pulseDuration));
