glide-design-system/src/lib/components/scheduler/EventForm.js

Glide design system is an open-source React component library. It offers numerous benefits that make them essential tools for design and development teams.

import React, { useState, useContext } from "react";
import { Modal } from "../modal/Modal";
import { EventDetails } from "./Scheduler";

function EventForm({ cancelModal }) {
  const eventDetails = useContext(EventDetails);

  const [open, setOpen] = useState(true);

  const cancelHandler = () => {
    cancelModal();
  };

  return (
    <Modal open={open} onClose={cancelHandler} id="modal">
      {eventDetails?.eventForm ? eventDetails?.eventForm : ""}
    </Modal>
  );
}

export default EventForm;