import { useContext } from "react";

import theme from "mazlo-theme";

import { DimensionsContext } from "../components/DimensionsProvider";

const useScreenWidth = () => {
  const { width } = useContext(DimensionsContext);

  return {
    wide: width >= theme.breakpoints.lg,
    width,
  };
};

export default useScreenWidth;