@chayns-components/gallery
Version:
A set of beautiful React components for developing your own applications with chayns.
45 lines (44 loc) • 1.31 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _core = require("@chayns-components/core");
var _react = _interopRequireDefault(require("react"));
var _PreviewItem = require("./PreviewItem.styles");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const PreviewItem = ({
fileItem,
ratio
}) => /*#__PURE__*/_react.default.createElement(_PreviewItem.StyledMotionPreviewItem, {
animate: {
opacity: 1
},
initial: {
opacity: 0
},
exit: {
opacity: 0,
transition: {
duration: 3.2,
delay: 3.2
}
},
transition: {
duration: 3.2
},
style: {
position: 'absolute'
}
}, /*#__PURE__*/_react.default.createElement(_PreviewItem.StyledPreviewItemImageWrapper, {
$ratio: ratio
}, /*#__PURE__*/_react.default.createElement(_PreviewItem.StyledPreviewItemLoadingIcon, null, /*#__PURE__*/_react.default.createElement(_core.SmallWaitCursor, {
shouldHideWaitCursor: false,
shouldHideBackground: true
})), /*#__PURE__*/_react.default.createElement(_PreviewItem.StyledPreviewItemImage, {
draggable: false,
src: fileItem.previewUrl
})));
PreviewItem.displayName = 'PreviewItem';
var _default = exports.default = PreviewItem;
//# sourceMappingURL=PreviewItem.js.map