"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "applySkeletonGradient", {
    enumerable: true,
    get: function() {
        return applySkeletonGradient;
    }
});
var _styledcomponents = require("styled-components");
var _tokens = require("../tokens");
var loading = (0, _styledcomponents.keyframes)([
    "from{transform:translateX(0);}to{transform:translateX(100vw);}"
]);
var applySkeletonGradient = function applySkeletonGradient(param) {
    var lighter = param.lighter;
    return (0, _styledcomponents.css)([
        "position:relative;overflow:hidden;z-index:1;&::before{content:'';position:absolute;animation:",
        " 4s linear infinite;background-image:",
        ";top:0;left:-100vw;width:200vw;height:100%;}"
    ], loading, lighter ? _tokens.skeletonGradientLighter : _tokens.skeletonGradient);
};
