import { useState, useCallback } from 'react';
import { ProfileViewerContext } from './profileViewerContext';

export { ProfileViewerContext } from './profileViewerContext';

export function ProfileViewerProvider({ children }: { children: React.ReactNode }) {
  const [activeActor, setActiveActor] = useState<string | null>(null);

  const open = useCallback((actor: string) => {
    setActiveActor(actor);
  }, []);

  const close = useCallback(() => {
    setActiveActor(null);
  }, []);

  return (
    <ProfileViewerContext.Provider value={{ activeActor, open, close }}>
      {children}
    </ProfileViewerContext.Provider>
  );
}