// gomuks - A Matrix client written in Go.
// Copyright (C) 2024 Tulir Asokan
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program.  If not, see <https://www.gnu.org/licenses/>.
import React, { JSX, createContext, useCallback, useState } from "react"

export interface ModalState {
	content: JSX.Element
	dimmed?: boolean
	wrapperClass?: string
	onClose?: () => void
}

type openModal = (state: ModalState) => void

export const ModalContext = createContext<openModal>(() =>
	console.error("Tried to open modal without being inside context"))

export const ModalWrapper = ({ children }: { children: React.ReactNode }) => {
	const [state, setState] = useState<ModalState | null>(null)
	const onClose = useCallback(() => {
		setState(null)
		state?.onClose?.()
	}, [state])
	return <>
		<ModalContext value={setState}>
			{children}
		</ModalContext>
		{state && <div
			className={`overlay ${state.wrapperClass ?? "modal"} ${state.dimmed ? "dimmed" : ""}`}
			onClick={onClose}
		>
			{state.content}
		</div>}
	</>
}