import { useState, type FC, type ReactNode } from "react";
import { OAuthContext } from ".";

interface IOAuthProvider {
  children: ReactNode;
}

export const OAuthProvider: FC<IOAuthProvider> = ({ children }) => {
  const [active, setActive] = useState(false);
  const [clientID, setClientID] = useState("");
  const [redirectURI, setRedirectURI] = useState("");
  const [scope, setScope] = useState<string[]>([]);
  const [state, setState] = useState("");
  const [nonce, setNonce] = useState("");

  return (
    <OAuthContext.Provider
      value={{
        active,
        clientID,
        redirectURI,
        scope,
        state,
        nonce,
        setActive,
        setClientID,
        setRedirectURI,
        setScope,
        setState,
        setNonce,
      }}
    >
      {children}
    </OAuthContext.Provider>
  );
};