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

const preview = {
  logManagerServers: [],
};

const ConsolesContext = createContext(preview);

export const useConsolesContext = () => useContext(ConsolesContext);

export default function ConsolesProvider({ children }) {
  const [logManagerServers, setLogManagerServers] = useState([
    { label: "Dev Server", value: "http://127.0.0.1:50110/v1/log" },
    {
      label: "Stable Server",
      value: "http://127.0.0.1:50120/v1/log",
    },
  ]);

  return (
    <ConsolesContext.Provider
      value={{
        logManagerServers,
        setLogManagerServers,
      }}
    >
      {children}
    </ConsolesContext.Provider>
  );
}