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

var base = "bjhqrnf";
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 _exp0 = function _exp0() {
  return function (_ref3) {
    var customFadeInColor = _ref3.customFadeInColor;
    return customFadeInColor || "var(".concat(tokens.fadeInColor, ")");
  };
};
var _exp10 = function _exp10() {
  return function (_ref4) {
    var customFadeOutColor = _ref4.customFadeOutColor;
    return customFadeOutColor || "var(".concat(tokens.fadeOutColor, ")");
  };
};
var StyledVisibleLine = /*#__PURE__*/styled('div')({
  name: "StyledVisibleLine",
  "class": "s11gksgw",
  propsAsIs: false,
  vars: {
    "s11gksgw-0": [/*#__PURE__*/_exp2()],
    "s11gksgw-1": [/*#__PURE__*/_exp6()],
    "s11gksgw-2": [/*#__PURE__*/_exp0()],
    "s11gksgw-3": [/*#__PURE__*/_exp10()]
  }
});

export { StyledVisibleLine, base };
