@wix/design-system/dist/cjs/common/ProgressiveBlur/ProgressiveBlur.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.ProgressiveBlur = void 0;
var _react = _interopRequireDefault(require("react"));
var _ProgressiveBlurSt = require("./ProgressiveBlur.st.css.js");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/common/ProgressiveBlur/ProgressiveBlur.tsx";
var BLUR_LAYER_COUNT = 7;
var ProgressiveBlur = _ref => {
  var side = _ref.side,
    className = _ref.className;
  return /*#__PURE__*/_react.default.createElement("span", {
    className: (0, _ProgressiveBlurSt.st)(_ProgressiveBlurSt.classes.root, {
      side
    }, className),
    "aria-hidden": "true",
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 14,
      columnNumber: 3
    }
  }, Array.from({
    length: BLUR_LAYER_COUNT
  }, (_, index) => /*#__PURE__*/_react.default.createElement("span", {
    key: index,
    className: _ProgressiveBlurSt.classes.blurLayer,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 16,
      columnNumber: 7
    }
  })));
};
exports.ProgressiveBlur = ProgressiveBlur;
ProgressiveBlur.displayName = 'ProgressiveBlur';
//# sourceMappingURL=ProgressiveBlur.js.map