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 | 1x 2x | 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) => { return <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> ) } |