@chayns-components/gallery
Version:
A set of beautiful React components for developing your own applications with chayns.
38 lines • 1.08 kB
JavaScript
import { SmallWaitCursor } from '@chayns-components/core';
import React from 'react';
import { StyledMotionPreviewItem, StyledPreviewItemImage, StyledPreviewItemImageWrapper, StyledPreviewItemLoadingIcon } from './PreviewItem.styles';
const PreviewItem = ({
fileItem,
ratio
}) => /*#__PURE__*/React.createElement(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.createElement(StyledPreviewItemImageWrapper, {
$ratio: ratio
}, /*#__PURE__*/React.createElement(StyledPreviewItemLoadingIcon, null, /*#__PURE__*/React.createElement(SmallWaitCursor, {
shouldHideWaitCursor: false,
shouldHideBackground: true
})), /*#__PURE__*/React.createElement(StyledPreviewItemImage, {
draggable: false,
src: fileItem.previewUrl
})));
PreviewItem.displayName = 'PreviewItem';
export default PreviewItem;
//# sourceMappingURL=PreviewItem.js.map