import { BrowserRouter, Routes, Route } from "react-router-dom";
import { isMobile } from "react-device-detect";

/**
 * 프로미스나인 팬사이트 메인 앱
 *
 * Phase 1: 프로젝트 셋업 완료
 * - 기본 구조 및 설정 파일 생성
 * - React Query, React Router 설정
 * - Tailwind CSS 설정
 *
 * 다음 단계에서 유틸리티, 스토어, API, 컴포넌트들이 추가될 예정
 */
function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route
          path="/"
          element={
            <div className="min-h-screen flex items-center justify-center bg-gray-50">
              <div className="text-center">
                <h1 className="text-2xl font-bold text-primary mb-2">
                  fromis_9 Frontend Refactoring
                </h1>
                <p className="text-gray-600">
                  Phase 1 완료 - 프로젝트 셋업
                </p>
                <p className="text-sm text-gray-500 mt-2">
                  디바이스: {isMobile ? "모바일" : "PC"}
                </p>
              </div>
            </div>
          }
        />
      </Routes>
    </BrowserRouter>
  );
}

export default App;
