\n
![]()
setRightImgLoaded(true)}\n alt={rightImageAlt}\n data-testid=\"right-image\"\n ref={rightImageRef}\n src={rightImage}\n style={styles.rightImage}\n />\n
![]()
setLeftImgLoaded(true)}\n alt={leftImageAlt}\n data-testid=\"left-image\"\n ref={leftImageRef}\n src={leftImage}\n style={styles.leftImage}\n />\n
\n
\n {handle ? (\n
{handle}
\n ) : (\n
\n )}\n
\n
\n {/* labels */}\n {leftImageLabel && (\n
\n )}\n {rightImageLabel && (\n
\n )}\n
\n >\n );\n}\nReactCompareImage.propTypes = propTypes;\nReactCompareImage.defaultProps = defaultProps;\nexport default ReactCompareImage;","import React from 'react';\nimport SectionMargin from '../Layout/Section/SectionMargin'\nimport {navigate } from \"gatsby\"\nimport Grid2 from '../Layout/Grid2/Grid2'\nimport GridItem from '../Layout/GridItem/GridItem'\nimport styled from 'styled-components'\nimport Heading1 from '../Type/Heading1'\nimport Paragraph1 from '../Type/Paragraph1'\nimport Button from '../Layout/Button/Button'\nimport ReactCompareImage from './ReactImageCompare';\nimport image1 from './image1.jpg'; \nimport image2 from './image2.jpg'; \n\nconst ImageCompare = () => {\n const handleClick = () => {\n navigate('/sell-with-summon/');\n };\n return (\n