import { createContext, type ReactNode, useContext, useMemo } from "react";

import { type ReviewHighlighterState, useReviewHighlighterState } from "./reviewHighlighterState";

const ReviewHighlighterContext = createContext<ReviewHighlighterState>({
  engine: null,
  error: null,
  status: "idle",
});

export function ReviewHighlighterProvider(props: { readonly children: ReactNode }) {
  const value = useReviewHighlighterState();
  const contextValue = useMemo(() => value, [value]);

  return (
    <ReviewHighlighterContext.Provider value={contextValue}>
      {props.children}
    </ReviewHighlighterContext.Provider>
  );
}

export function useReviewHighlighterStatus(): ReviewHighlighterState {
  return useContext(ReviewHighlighterContext);
}