import React from 'react';
import { useLocation } from 'react-router-dom';
import BottomNav from './BottomNav';

// 不需要底部导航的页面路径
const NO_BOTTOM_NAV_PATHS = [
  '/login',
  '/register',
  '/forgot-password',
  '/reset-password',
  '/devices',
  '/devices/',
  '/wechat-accounts',
  '/wechat-accounts/',
  '/scenarios/new',
  '/scenarios/',
  '/plans/',
  '/workspace/auto-group/',
  '/workspace/moments-sync/',
  '/workspace/traffic-distribution/',
  '/404',
  '/500'
];

interface LayoutWrapperProps {
  children: React.ReactNode;
}

export default function LayoutWrapper({ children }: LayoutWrapperProps) {
  const location = useLocation();

  // 检查当前路径是否需要底部导航
  const shouldShowBottomNav = !NO_BOTTOM_NAV_PATHS.some(path => 
    location.pathname.startsWith(path)
  );

  // 如果是登录页面，直接渲染内容（不显示底部导航）
  if (location.pathname === '/login') {
    return <>{children}</>;
  }

  // 其他页面显示底部导航
  return (
    <div className="flex flex-col h-screen">
      <div className="flex-1 overflow-y-auto">
        {children}
      </div>
      {shouldShowBottomNav && <BottomNav />}
    </div>
  );
}