sc.js

import React from 'react';
import styled from 'styled-components';
import CursorZoom from 'react-cursor-zoom';

const StyledImageZoom = styled(CursorZoom)`
	border: 1px solid black;
`

const ImageZoom = () => {
	return (
			<StyledImageZoom
					image={{
							src: "./balloon-xs.jpg",
							width: 512,
							height: 341
					}}
					zoomImage={{
							src: "./balloon-lg.jpg",
							width: 5616,
							height: 3744
					}}
					cursorOffset={{ x: 80, y: -80 }}
			/>
	);
}



export default ImageZoom;