import React, { ReactNode, useState } from "react";
import { ToolContext } from "../contexts/ToolContext";

export const ToolContextProvider: React.FC<{ children: ReactNode }> = ({
    children,
}) => {
    const [selectedTool, setSelectedTool] = useState<number | null>(null);
    const totalTools = 6;

    const resetSelectedTool = () => {
        setSelectedTool(null);
    };

    return (
        <ToolContext.Provider
            value={{
                selectedTool,
                setSelectedTool,
                resetSelectedTool,
                totalTools,
            }}>
            {children}
        </ToolContext.Provider>
    );
};