import React from 'react';
import { Box, Container, VStack, HStack, Text, Link, useColorModeValue } from '@chakra-ui/react';
import RiskDisclaimer from '../components/RiskDisclaimer';

/**
 * 应用通用页脚组件
 * 包含版权信息、备案号等
 */
const AppFooter = () => {
  return (
    <Box bg={useColorModeValue('gray.100', 'gray.800')} py={6}>
      <Container maxW="container.xl">
        <VStack spacing={2}>
          <RiskDisclaimer />
          <Text color="gray.500" fontSize="sm">
            © 2024 价值前沿. 保留所有权利.
          </Text>
          <HStack spacing={4} fontSize="xs" color="gray.400">
            <Link
              href="https://beian.mps.gov.cn/#/query/webSearch?code=11010802046286"
              isExternal
              _hover={{ color: 'gray.600' }}
            >
              京公网安备11010802046286号
            </Link>
            <Text>京ICP备2025107343号-1</Text>
          </HStack>
        </VStack>
      </Container>
    </Box>
  );
};

export default AppFooter;