diff --git a/src/components/RiskDisclaimer/RiskDisclaimer.js b/src/components/RiskDisclaimer/RiskDisclaimer.js new file mode 100644 index 00000000..99b74b2f --- /dev/null +++ b/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 ( + + + + {displayText} + + + + ); +}; + +export default RiskDisclaimer;