"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.euiSkeletonGradientAnimation = void 0;
var _react = require("@emotion/react");
var _services = require("../../services");
var _global_styling = require("../../global_styling");
var _animations = require("../../global_styling/utility/animations");
/*
 * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
 * or more contributor license agreements. Licensed under the Elastic License
 * 2.0 and the Server Side Public License, v 1; you may not use this file except
 * in compliance with, at your election, the Elastic License 2.0 or the Server
 * Side Public License, v 1.
 */

var euiSkeletonGradientAnimation = function euiSkeletonGradientAnimation(_ref) {
  var euiTheme = _ref.euiTheme,
    colorMode = _ref.colorMode;
  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
    _ref2$slideSize = _ref2.slideSize,
    slideSize = _ref2$slideSize === void 0 ? '-53%' : _ref2$slideSize,
    _ref2$gradientSize = _ref2.gradientSize,
    gradientSize = _ref2$gradientSize === void 0 ? '220%' : _ref2$gradientSize;
  var gradientStartStop = colorMode === 'DARK' ? (0, _services.shade)(euiTheme.colors.lightShade, 0.12) : (0, _services.tint)(euiTheme.colors.lightShade, 0.65);
  var gradientMiddle = colorMode === 'DARK' ? (0, _services.shade)(euiTheme.colors.lightShade, 0.24) : (0, _services.tint)(euiTheme.colors.lightShade, 0.8);
  return /*#__PURE__*/(0, _react.css)("background-color:", gradientStartStop, ";", _global_styling.euiCanAnimate, "{overflow:hidden;isolation:isolate;&::after{content:'';display:block;", (0, _global_styling.logicalCSS)('width', gradientSize), " ", (0, _global_styling.logicalCSS)('height', '100%'), " background:linear-gradient(\n          137deg,\n          ", gradientStartStop, " 45%,\n          ", gradientMiddle, " 50%,\n          ", gradientStartStop, " 55%\n        );animation:", (0, _animations.euiAnimSlideX)(slideSize), " 1.5s ", euiTheme.animation.resistance, " infinite;}};label:euiSkeletonGradientAnimation;");
};
exports.euiSkeletonGradientAnimation = euiSkeletonGradientAnimation;