import { Dimensions } from "react-native";

import theme from "mazlo-theme";

const screenWidth = Dimensions.get("window").width;

const screenSize = (breakpoints: { [breakpoint: string]: string | number }) => {
  return Object.keys(theme.breakpoints).reduce((prevValue, key) => {
    if (breakpoints[key] && screenWidth >= theme.breakpoints[key]) {
      return breakpoints[key];
    }

    return prevValue;
  }, null);
};

export default screenSize;