import React, { useState } from "react";

import { IUnsavedWarnContext } from "./IUnsavedWarnContext";

export const UnsavedWarnContext = React.createContext<IUnsavedWarnContext>({
    warnWhen: false,
    setWarnWhen: (value: boolean) => value,
});

export const UnsavedWarnContextProvider: React.FC = ({ children }) => {
    const [warnWhen, setWarnWhen] = useState(false);

    return (
        <UnsavedWarnContext.Provider value={{ warnWhen, setWarnWhen }}>
            {children}
        </UnsavedWarnContext.Provider>
    );
};