import React from 'react';
import { Space } from 'antd';
import { Header as LayoutHeader } from '@/components/ui/layout';
import TimeWeather from './TimeWeather';
import UserPanel from './UserPanel';

/**
 * 应用头部组件
 * 
 * 功能：
 * 1. 组合时间天气和用户面板
 * 2. 使用 React.memo 优化，避免不必要的重渲染
 * 3. 子组件独立渲染，不会相互影响
 */
const Header: React.FC = React.memo(() => {
  return (
    <LayoutHeader className="justify-end">
      <Space size={24}>
        <TimeWeather />
        <UserPanel />
      </Space>
    </LayoutHeader>
  );
});

Header.displayName = 'Header';

export default Header;

