import { useMemo } from "react";
import { createApi } from "@garage/api";
import { useAuthStore } from "./stores/auth-store";

// The dashboard UI is in English. Tell the backend explicitly so error messages
// don't default to Arabic when no Accept-Language is sent / saved preference
// matches. The backend `SetApiLocale` middleware honors this header.
const UI_LANG = "en"

export const useAuthApi = () => {
    const token = useAuthStore(s => s.token)
    return useMemo(
        () => createApi({
            headers: {
                "X-Lang": UI_LANG,
                "Accept-Language": UI_LANG,
                ...(token ? { Authorization: `Bearer ${token}` } : {}),
            },
        }),
        [token],
    )
}