feat: 创建风险提示通用组件

src/components/RiskDisclaimer/RiskDisclaimer.js

@@ -0,0 +1,59 @@
+// src/components/RiskDisclaimer/RiskDisclaimer.js
+import React from 'react';
+import { Box, Text, HStack, Icon, useColorModeValue } from '@chakra-ui/react';
+import { FaExclamationTriangle } from 'react-icons/fa';
+
+/**
+ * 风险提示组件
+ *
+ * @param {Object} props
+ * @param {string} props.text - 风险提示文本内容
+ * @param {string} props.variant - 文本变体类型 ('default', 'homepage', 'section')
+ * @param {Object} props.sx - 额外的样式对象
+ */
+const RiskDisclaimer = ({
+  text,
+  variant = 'default',
+  sx = {},
+  ...rest
+}) => {
+  // 极简风格 - 透明背景，固定灰色文字
+  const textColor = '#999999'; // 固定中性灰，不受主题影响
+
+  // 预定义的文本变体
+  const textVariants = {
+    homepage: '风险提示：解析内容由价值前沿人工采集整理自新闻、公告、研报等公开信息，团队辛苦编写，未经许可严禁转载。站内所有文章均不构成投资建议，请投资者注意风险，独立审慎决策。',
+    default: '风险提示：解析内容由价值前沿人工采集整理自新闻、公告、研报等公开信息，团队辛苦编写，未经许可严禁转载。本产品内容均不构成投资建议，请投资者注意风险，独立审慎决策。',
+    section: '风险提示：解析内容由价值前沿人工采集整理自新闻、公告、研报等公开信息，团队辛苦编写，未经许可严禁转载。本部分产品内容均不构成投资建议，请投资者注意风险，独立审慎决策。'
+  };
+
+  // 使用传入的text或预定义的variant
+  const displayText = text || textVariants[variant] || textVariants.default;
+
+  return (
+    <Box
+      bg="transparent"
+      p={3}
+      mt={4}
+      mb={4}
+      width="100%"
+      sx={sx}
+      {...rest}
+    >
+      <HStack spacing={2} align="flex-start">
+        <Text
+          fontSize="xs"
+          color={textColor}
+          lineHeight="1.6"
+          fontWeight="normal"
+          textAlign="center"
+          width="100%"
+        >
+          {displayText}
+        </Text>
+      </HStack>
+    </Box>
+  );
+};
+
+export default RiskDisclaimer;