/**
 * 모바일 뷰포트 감지 훅
 * - 600px 미만(sm breakpoint)을 모바일로 판단
 * - 웹브라우저 모바일 접속 시 모바일 앱 UI 적용용
 */
import { useState, useEffect } from 'react';

const MOBILE_BREAKPOINT = 600;

export function useIsMobile(): boolean {
  const [isMobile, setIsMobile] = useState(() => {
    if (typeof window === 'undefined') return false;
    return window.innerWidth < MOBILE_BREAKPOINT;
  });

  useEffect(() => {
    const handler = () => setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
    window.addEventListener('resize', handler);
    return () => window.removeEventListener('resize', handler);
  }, []);

  return isMobile;
}
