import { Construction } from 'lucide-react';

interface PlaceholderPageProps {
  title: string;
}

export function PlaceholderPage({ title }: PlaceholderPageProps) {
  return (
    <div className="flex flex-col items-center justify-center h-full animate-fade-in">
      <div className="glass-effect rounded-2xl p-12 text-center">
        <Construction className="w-16 h-16 text-warning-400 mx-auto mb-4" />
        <h2 className="text-2xl font-bold text-white mb-2">{title}</h2>
        <p className="text-white/60">
          이 페이지는 현재 개발 중입니다.
        </p>
        <p className="text-white/40 text-sm mt-2">
          React 버전으로 마이그레이션 예정입니다.
        </p>
      </div>
    </div>
  );
}
