// src/components/Loading/PageLoader.js
import React from 'react';
import { Box, Spinner, Text, VStack } from '@chakra-ui/react';

/**
 * 页面加载组件 - 用于路由懒加载的 fallback
 * 优雅的加载动画，提升用户体验
 */
export default function PageLoader({ message = '加载中...' }) {
  return (
    <Box
      minH="100vh"
      display="flex"
      alignItems="center"
      justifyContent="center"
      bg="gray.50"
      _dark={{ bg: 'gray.900' }}
    >
      <VStack spacing={4}>
        <Spinner
          thickness="4px"
          speed="0.65s"
          emptyColor="gray.200"
          color="blue.500"
          size="xl"
        />
        <Text fontSize="md" color="gray.600" _dark={{ color: 'gray.400' }}>
          {message}
        </Text>
      </VStack>
    </Box>
  );
}