@react-awesome/use-breakpoint/dist/helpers/smaller/smaller.js

useBreakpoint triggers callback when a container's size is equal to one specific breakpoint.

const smaller = (BREAKPOINTS, containerEl, direction = "horizontal") => (breakpoint) => {
  if (!containerEl)
    return false;
  const value = BREAKPOINTS[breakpoint];
  const dimension = direction === "horizontal" ? "width" : "height";
  return containerEl.getBoundingClientRect()[dimension] < value;
};
export {
  smaller
};