export function useResponsive(breakpoint = 768) {
  let isMobile = $state(false);

  $effect(() => {
    const checkMobile = () => {
      isMobile = window.innerWidth < breakpoint;
    };

    checkMobile();
    window.addEventListener("resize", checkMobile);

    return () => window.removeEventListener("resize", checkMobile);
  });

  return {
    get isMobile() {
      return isMobile;
    },
  };
}