import React from 'react';
import { View } from '@tarojs/components';
import CustomTabBar from '../CustomTabBar';
import './index.scss';

interface TabBarLayoutProps {
  children: React.ReactNode;
}

/**
 * 带底部导航栏的布局组件
 */
const TabBarLayout: React.FC<TabBarLayoutProps> = ({ children }) => {
  return (
    <View className='tab-bar-layout'>
      <View className='tab-bar-layout__content'>
        {children}
      </View>
      <CustomTabBar />
    </View>
  );
};

export default TabBarLayout; 