// src/views/Community/components/ImportanceLegend.js
import React from 'react';
import { Card, Space, Badge } from 'antd';

const ImportanceLegend = () => {
    const levels = [
        { level: 'S', color: '#ff4d4f', description: '重大事件，市场影响深远' },
        { level: 'A', color: '#faad14', description: '重要事件，影响较大' },
        { level: 'B', color: '#1890ff', description: '普通事件，有一定影响' },
        { level: 'C', color: '#52c41a', description: '参考事件，影响有限' }
    ];

    return (
        <Card title="重要性等级说明" className="importance-legend">
            <Space direction="vertical" style={{ width: '100%' }}>
                {levels.map(item => (
                    <div key={item.level} style={{ display: 'flex', alignItems: 'center' }}>
                        <Badge
                            color={item.color}
                            text={
                                <span>
                  <strong style={{ marginRight: 8 }}>{item.level}级</strong>
                                    {item.description}
                </span>
                            }
                        />
                    </div>
                ))}
            </Space>
        </Card>
    );
};

export default ImportanceLegend;