import React, { useContext } from "react";
import { FormexController } from "./types";


const FormexContext = React.createContext<FormexController<any> | null>(null);

export const useFormex = <T = any>() => {
    const ctx = useContext(FormexContext);
    if (!ctx) throw new Error("useFormex must be used within a Formex provider");
    return ctx as FormexController<T>;
};

export const Formex = <T = any>({ value, children }: { value: FormexController<T>, children: React.ReactNode }) => {
    return <FormexContext.Provider value={value}>{children}</FormexContext.Provider>;
};