import { Suspense } from 'react';
import { Loader2 } from 'lucide-react';
import { BotManageMiniAppContent } from './content';

function BotManageFallback() {
  return (
    <div className="flex min-h-screen items-center justify-center p-6 text-sm text-[#667085]">
      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
      Загрузка Mini App...
    </div>
  );
}

export default function BotManageMiniAppPage() {
  return (
    <Suspense fallback={<BotManageFallback />}>
      <BotManageMiniAppContent />
    </Suspense>
  );
}