import React from "react";
// import { bool, func } from "prop-types";
// import SVG from "src/components/SVG";

const PlayPause = React.memo(({ isPlaying, onClick }) => {
  return (
    <button
      type="button"
      className="image-gallery-icon image-gallery-play-button"
      onClick={onClick}
      aria-label="Play or Pause Slideshow"
    >
      <SVG strokeWidth={2} icon={isPlaying ? "pause" : "play"} />
    </button>
  );
});

PlayPause.displayName = "PlayPause";

// PlayPause.propTypes = {
//   isPlaying: bool.isRequired,
//   onClick: func.isRequired,
// };

export default PlayPause;
