// src/components/RiskDisclaimer/RiskDisclaimer.js
import React from 'react';
import { Box, Text, HStack, Icon, useColorModeValue } from '@chakra-ui/react';

/**
 * 风险提示组件
 *
 * @param {Object} props
 * @param {string} props.text - 风险提示文本内容
 * @param {string} props.variant - 文本变体类型 ('default', 'homepage', 'section')
 * @param {Object} props.sx - 额外的样式对象
 */
const RiskDisclaimer = ({
  text,
  variant = 'default',
  sx = {},
  mt = 0,
  mb = 0,
  ...rest
}) => {
  // 极简风格 - 透明背景，固定灰色文字
  const textColor = '#999999'; // 固定中性灰，不受主题影响

  // 预定义的文本变体
  const textVariants = {
    homepage: '风险提示：解析内容由价值前沿人工采集整理自新闻、公告、研报等公开信息，团队辛苦编写，未经许可严禁转载。站内所有文章均不构成投资建议，请投资者注意风险，独立审慎决策。',
    default: '风险提示：解析内容由价值前沿人工采集整理自新闻、公告、研报等公开信息，团队辛苦编写，未经许可严禁转载。本产品内容均不构成投资建议，请投资者注意风险，独立审慎决策。',
    section: '风险提示：解析内容由价值前沿人工采集整理自新闻、公告、研报等公开信息，团队辛苦编写，未经许可严禁转载。本部分产品内容均不构成投资建议，请投资者注意风险，独立审慎决策。'
  };

  // 使用传入的text或预定义的variant
  const displayText = text || textVariants[variant] || textVariants.default;

  return (
    <Box
      bg="transparent"
      p={0}
      mt={mt}
      mb={mb}
      width="100%"
      sx={sx}
      {...rest}
    >
      <HStack spacing={0} align="flex-start">
        <Text
          fontSize="xs"
          color={textColor}
          lineHeight="1.6"
          fontWeight="normal"
          textAlign="center"
          width="100%"
        >
          {displayText}
        </Text>
      </HStack>
    </Box>
  );
};

export default RiskDisclaimer;