require('./RectSkeleton.styles_vwhc3w.css');
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('@linaria/react');
var tokens = require('../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.tokens.gradientColor, ")");
  };
};
var _exp10 = function _exp10() {
  return function (_ref5) {
    var customFadeInColor = _ref5.customFadeInColor;
    return customFadeInColor || "var(".concat(tokens.tokens.fadeInColor, ")");
  };
};
var _exp12 = function _exp12() {
  return function (_ref6) {
    var customFadeOutColor = _ref6.customFadeOutColor;
    return customFadeOutColor || "var(".concat(tokens.tokens.fadeOutColor, ")");
  };
};
var StyledRectSkeleton = /*#__PURE__*/react.styled('div')({
  name: "StyledRectSkeleton",
  "class": "s11p4e7",
  propsAsIs: false,
  vars: {
    "s11p4e7-0": [/*#__PURE__*/_exp()],
    "s11p4e7-1": [/*#__PURE__*/_exp2()],
    "s11p4e7-2": [/*#__PURE__*/_exp4()],
    "s11p4e7-3": [/*#__PURE__*/_exp8()],
    "s11p4e7-4": [/*#__PURE__*/_exp10()],
    "s11p4e7-5": [/*#__PURE__*/_exp12()]
  }
});

exports.StyledRectSkeleton = StyledRectSkeleton;
