61 lines
2.0 KiB
JavaScript
61 lines
2.0 KiB
JavaScript
// 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;
|