Modal.js

import React from "react";
import { animated } from "react-spring";
import "./modal.css";

const Modal = ({ style, closeModal }) => (
  <animated.div style={style} className="modal">
    <h3 className="modal-title">Modal title</h3>
    <p className="modal-content">Here is some random text.</p>
    <button className="modal-close-button" onClick={closeModal}>
      Close
    </button>
  </animated.div>
);

export default Modal;