// (C) 2020-2025 GoodData Corporation
import { createContext, useContext } from "react";
import { SCREEN_BREAKPOINT_LG, SCREEN_BREAKPOINT_MD, SCREEN_BREAKPOINT_SM, SCREEN_BREAKPOINT_XL, SCREEN_BREAKPOINT_XS, SCREEN_BREAKPOINT_XXL, } from "./constants/breakpoints.js";
const defaultResponsiveContext = {
    breakpoints: {
        xs: SCREEN_BREAKPOINT_XS,
        sm: SCREEN_BREAKPOINT_SM,
        md: SCREEN_BREAKPOINT_MD,
        lg: SCREEN_BREAKPOINT_LG,
        xl: SCREEN_BREAKPOINT_XL,
        xxl: SCREEN_BREAKPOINT_XXL,
    },
};
const responsiveContext = createContext(defaultResponsiveContext);
responsiveContext.displayName = "ResponsiveContext";
/**
 * @internal
 */
export const ResponsiveContextProvider = responsiveContext.Provider;
/**
 * Hook to consume responsive context.
 *
 * @internal
 */
export const useResponsiveContext = () => useContext(responsiveContext);
