import React from 'react';
import { Box, Text, VStack, Icon } from '@chakra-ui/react';
import { FaChartBar } from 'react-icons/fa';

/**
 * 市场数据视图组件 - 占位符
 * TODO: 实现完整功能
 */
const MarketDataView = ({ stockCode }) => {
  return (
    <Box
      p={8}
      borderRadius="lg"
      bg="gray.50"
      _dark={{ bg: 'gray.800' }}
      textAlign="center"
    >
      <VStack spacing={4}>
        <Icon as={FaChartBar} boxSize={12} color="gray.400" />
        <Text fontSize="lg" fontWeight="medium" color="gray.600" _dark={{ color: 'gray.400' }}>
          市场数据功能开发中
        </Text>
        <Text fontSize="sm" color="gray.500">
          股票代码: {stockCode || '未选择'}
        </Text>
      </VStack>
    </Box>
  );
};

export default MarketDataView;