import type { FunctionComponent, MutableRefObject } from "react"; import { Fragment } from "react"; import { Transition, Dialog } from "@headlessui/react"; type Props = { initialFocus?: MutableRefObject | undefined; isOpen: boolean; onClose: () => void; }; const Modal: FunctionComponent = ({ children, initialFocus, isOpen, onClose }) => { return (
{/* This element is to trick the browser into centering the modal contents. */}
{children}
); }; export const ModalTitle: FunctionComponent = ({ children }) => ( {children} ); export default Modal;