react-sprite-animation
Version:
To create animation from the image sprite.
26 lines (25 loc) • 851 B
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Sprite = Sprite;
var _react = _interopRequireDefault(require("react"));
var _styleModule = _interopRequireDefault(require("./style.module.css"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function Sprite(_ref) {
let {
spriteImg,
frames = 10,
className
} = _ref;
const spriteStyle = {
"--frames": frames,
backgroundImage: "url(".concat(spriteImg, ")")
};
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(_styleModule.default.container, " ").concat(className)
}, /*#__PURE__*/_react.default.createElement("div", {
className: _styleModule.default.sprite,
style: spriteStyle
})));
}