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

// 配置需要底部导航的页面路径（白名单）
const BOTTOM_NAV_CONFIG = [
  '/',                    // 首页
  '/scenarios',           // 场景获客
  '/workspace',           // 工作台
  '/profile',             // 我的
];

interface LayoutWrapperProps {
  children: React.ReactNode;
}

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

  // 检查当前路径是否需要底部导航
  const shouldShowBottomNav = BOTTOM_NAV_CONFIG.some(path => {
    // 特殊处理首页路由 '/'
    if (path === '/') {
      return location.pathname === '/';
    }
    return location.pathname === 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>
  );
}