import { useBreakpoints } from "../use-breakpoints";

export const useCurrentBreakpoint = () => {
  const { s, m, l, xl } = useBreakpoints();

  if (s) {
    return "@s";
  } else if (m) {
    return "@m";
  } else if (l) {
    return "@l";
  } else if (xl) {
    return "@xl";
  }

  return "@initial";
};