import { useState, useEffect } from "react";

/**
 * 모바일 화면 감지 훅
 * 현재 화면 너비가 768px 미만인지 여부를 반환합니다.
 *
 * @returns {boolean} isMobile - 모바일 화면 여부
 */
export function useMobile() {
  const [isMobile, setIsMobile] = useState(window.innerWidth < 768);

  useEffect(() => {
    const handleResize = () => {
      setIsMobile(window.innerWidth < 768);
    };

    window.addEventListener("resize", handleResize);
    return () => window.removeEventListener("resize", handleResize);
  }, []);

  return isMobile;
}
