import './LineSkeleton.styles_1jja0ol.css';
import { styled } from '@linaria/react';
import { tokens } from '../tokens.js';

var base = "blop34g";
var _exp2 = function _exp2() {
  return function (_ref) {
    var roundness = _ref.roundness;
    return roundness;
  };
};
var _exp6 = function _exp6() {
  return function (_ref2) {
    var gradientColor = _ref2.gradientColor;
    return gradientColor || "var(".concat(tokens.gradientColor, ")");
  };
};
var _exp10 = function _exp10() {
  return function (_ref3) {
    var customFadeInColor = _ref3.customFadeInColor;
    return customFadeInColor || "var(".concat(tokens.fadeInColor, ")");
  };
};
var _exp12 = function _exp12() {
  return function (_ref4) {
    var customFadeOutColor = _ref4.customFadeOutColor;
    return customFadeOutColor || "var(".concat(tokens.fadeOutColor, ")");
  };
};
var StyledVisibleLine = /*#__PURE__*/styled('div')({
  name: "StyledVisibleLine",
  "class": "sn3du7u",
  propsAsIs: false,
  vars: {
    "sn3du7u-0": [/*#__PURE__*/_exp2()],
    "sn3du7u-1": [/*#__PURE__*/_exp6()],
    "sn3du7u-2": [/*#__PURE__*/_exp10()],
    "sn3du7u-3": [/*#__PURE__*/_exp12()]
  }
});

export { StyledVisibleLine, base };
//# sourceMappingURL=LineSkeleton.styles.js.map
