import * as React from "react";
import { sessionStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/SessionStorage";

export const NETWORK_STATUS_LOCALIZATIONS_KEY = "network_status_localizations";

export const THEME_STORAGE_NAMESPACE = "quick-brick-theme";

export function useNetworkStatusLocalizations() {
  const [storedLocalizations, setStoredLocalizations] = React.useState<Record<
    string,
    string
  > | null>(null);

  React.useEffect(() => {
    async function loadStoredLocalizations() {
      try {
        const stored = await sessionStorage.getItem(
          NETWORK_STATUS_LOCALIZATIONS_KEY,
          THEME_STORAGE_NAMESPACE
        );

        if (stored) {
          setStoredLocalizations(stored);
        }
      } catch (error) {
        console.error("Error loading network status localizations", error);
      }
    }

    loadStoredLocalizations();
  }, []);

  return storedLocalizations;
}