import './RectSkeleton.styles_tv6hj9.css';
import { styled } from '@linaria/react';
import { tokens } from '../tokens.js';

var _exp = function _exp() {
  return function (_ref) {
    var width = _ref.width;
    return width;
  };
};
var _exp2 = function _exp2() {
  return function (_ref2) {
    var height = _ref2.height;
    return height;
  };
};
var _exp4 = function _exp4() {
  return function (_ref3) {
    var roundness = _ref3.roundness;
    return roundness;
  };
};
var _exp8 = function _exp8() {
  return function (_ref4) {
    var gradientColor = _ref4.gradientColor;
    return gradientColor || "var(".concat(tokens.gradientColor, ")");
  };
};
var _exp12 = function _exp12() {
  return function (_ref5) {
    var customFadeInColor = _ref5.customFadeInColor;
    return customFadeInColor || "var(".concat(tokens.fadeInColor, ")");
  };
};
var _exp14 = function _exp14() {
  return function (_ref6) {
    var customFadeOutColor = _ref6.customFadeOutColor;
    return customFadeOutColor || "var(".concat(tokens.fadeOutColor, ")");
  };
};
var StyledRectSkeleton = /*#__PURE__*/styled('div')({
  name: "StyledRectSkeleton",
  "class": "sgcbrr4",
  propsAsIs: false,
  vars: {
    "sgcbrr4-0": [/*#__PURE__*/_exp()],
    "sgcbrr4-1": [/*#__PURE__*/_exp2()],
    "sgcbrr4-2": [/*#__PURE__*/_exp4()],
    "sgcbrr4-3": [/*#__PURE__*/_exp8()],
    "sgcbrr4-4": [/*#__PURE__*/_exp12()],
    "sgcbrr4-5": [/*#__PURE__*/_exp14()]
  }
});

export { StyledRectSkeleton };
//# sourceMappingURL=RectSkeleton.styles.js.map
