import React, { useMemo } from 'react';
import { BreakpointContext } from '../contexts';
import { useWindowDimensions } from '../hooks';
export const getBreakpoint = (width, breakpoints) => {
    const breakpoint = breakpoints.findIndex((breakpoint) => width < breakpoint);
    return breakpoint === -1 ? breakpoints.length : breakpoint;
};
export const BreakpointProvider = ({ breakpoints, children, }) => {
    const { width } = useWindowDimensions();
    const value = useMemo(() => getBreakpoint(width, breakpoints), [width, breakpoints]);
    return (<BreakpointContext.Provider value={value}>
      {children}
    </BreakpointContext.Provider>);
};
//# sourceMappingURL=BreakpointProvider.jsx.map