// src/views/Community/components/EventTimelineHeader.js
// 事件时间轴标题组件

import React from 'react';
import {
  Flex,
  VStack,
  HStack,
  Heading,
  Text,
  Badge
} from '@chakra-ui/react';
import { TimeIcon } from '@chakra-ui/icons';

/**
 * 事件时间轴标题组件
 * @param {Date} lastUpdateTime - 最后更新时间
 */
const EventTimelineHeader = ({ lastUpdateTime }) => {
  return (
    <Flex justify="space-between" align="center">
      <VStack align="start" spacing={1}>
        <Heading size="md">
          <HStack>
            <TimeIcon />
            <Text>实时事件</Text>
          </HStack>
        </Heading>
        <HStack fontSize="sm" color="gray.500">
          <Badge colorScheme="green">全网监控</Badge>
          <Badge colorScheme="orange">智能捕获</Badge>
          <Badge colorScheme="purple">深度分析</Badge>
        </HStack>
      </VStack>
      <Text fontSize="xs" color="gray.500">
        最后更新: {lastUpdateTime.toLocaleTimeString()}
      </Text>
    </Flex>
  );
};

export default EventTimelineHeader;