import { useQuery } from "@tanstack/react-query";
import { getStreamingImages, StreamingServiceRaw } from "@/apis/streamingServiceApi";

export const useStreamingServices = () => {
  return useQuery({
    queryKey: ["streamingServices"],
    queryFn: async () => {
      const data: StreamingServiceRaw[] = await getStreamingImages();
      const mapped = Object.fromEntries(data.map((s) => [s.key, s.value]));
      return mapped;
    },
  });
};