All files / src/components/Overlay Overlay.jsx

100% Statements 2/2
100% Branches 0/0
100% Functions 2/2
100% Lines 2/2

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">&times;</span>
      </button>
    </div>
  );
}