import { useParams } from 'react-router';

const GUIDE_TITLES: Record<string, string> = {
  'env-intro': '개발환경 소개',
  'initial-setup': '초기 환경 설정',
  'gitea-usage': 'Gitea 사용법',
  'nexus-usage': 'Nexus 사용법',
  'git-workflow': 'Git 워크플로우',
  'chat-bot': 'Chat 봇 연동',
  'starting-project': '프로젝트 시작하기',
};

export function GuidePage() {
  const { section } = useParams<{ section: string }>();
  const title = section ? GUIDE_TITLES[section] : '가이드';

  return (
    <div className="max-w-4xl mx-auto py-12 px-6">
      <h1 className="text-3xl font-bold text-gray-900 mb-4">
        {title || '가이드'}
      </h1>
      <div className="bg-blue-50 border border-blue-200 rounded-lg p-4 text-blue-800 text-sm">
        이 섹션의 콘텐츠는 준비 중입니다.
      </div>
    </div>
  );
}
