import React from 'react';
import { ArrowUpOutlined, ArrowDownOutlined } from '@ant-design/icons';
/**
 * TrendIcon 趋势箭头组件
 * 
 * 根据趋势类型显示上升或下降箭头
 * - up: 显示上升箭头 ↑
 * - down: 显示下降箭头 ↓
 * - neutral: 不显示箭头
 * 
 * @param props 组件属性
 */
var TrendIcon = function TrendIcon(_ref) {
  var trend = _ref.trend,
    color = _ref.color;
  // neutral 状态不显示图标
  if (trend === 'neutral') {
    return null;
  }

  // 根据趋势选择图标
  var Icon = trend === 'up' ? ArrowUpOutlined : ArrowDownOutlined;
  return /*#__PURE__*/React.createElement(Icon, {
    className: "pisell-metric-card-trend-icon",
    style: {
      color: color
    }
  });
};
export default TrendIcon;