Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | 1x 2x | /* eslint-disable react/no-array-index-key */ /* eslint-disable react/prop-types */ import React from 'react'; import AwesomeSlider from 'react-awesome-slider'; import AwesomeSliderStyles from 'react-awesome-slider/src/styles'; import './Overlay.scss'; export default function Overlay({ images, closeoverlay }) { return ( <div className="overlay"> <AwesomeSlider cssModule={AwesomeSliderStyles}> {images.map((image, index) => <div key={index} data-src={image.href} />)} </AwesomeSlider> <button className="close-button" data-close aria-label="Close modal" type="button" onClick={closeoverlay} > <span aria-hidden="true">×</span> </button> </div> ); } |