import { createContext, useContext, useState } from "react";

const ImagemContext = createContext<any>(null);

export const ImagemProvider = ({ children }: { children: React.ReactNode }) => {
  const [imagens, setImagens] = useState<{ [key: string]: string }>({});

  return (
    <ImagemContext.Provider value={{ imagens, setImagens }}>
      {children}
    </ImagemContext.Provider>
  );
};

export const useImagemContext = () => useContext(ImagemContext);