import { createRoot } from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import App from './App.tsx';
import './index.css';

// iOS 안전 영역 메타 태그 추가
const setViewportMetaTag = () => {
  // 기존 viewport 메타 태그 찾기
  let metaTag = document.querySelector('meta[name="viewport"]');
  
  // 없으면 새로 생성
  if (!metaTag) {
    metaTag = document.createElement('meta');
    metaTag.setAttribute('name', 'viewport');
    document.head.appendChild(metaTag);
  }
  
  // content 속성 설정 (viewport-fit=cover 추가)
  metaTag.setAttribute('content', 'width=device-width, initial-scale=1.0, viewport-fit=cover');
};

// 메타 태그 설정 적용
setViewportMetaTag();

// 앱 렌더링 - BrowserRouter로 감싸기
createRoot(document.getElementById("root")!).render(
  <BrowserRouter>
    <App />
  </BrowserRouter>
);