import { postAdminClientGetStatisticalData } from '@/services';
import { StatisticCard } from '@ant-design/pro-components';
import { useEffect, useState } from 'react';

export default () => {
  const [clientStatistic, setClientStatistic] = useState([]);
  useEffect(() => {
    const pullStatistic = async () => {
      let statisticalData = await postAdminClientGetStatisticalData();
      console.log('stati' + JSON.stringify(statisticalData.data));
      setClientStatistic(statisticalData.data);
    };
    pullStatistic();
  }, []);
  return (
    <StatisticCard.Group>
      {clientStatistic.map((stat, index) => (
        <StatisticCard
          key={index}
          statistic={{
            title: stat.title,
            tip: stat.tip || '', // 如果tip不存在，则使用空字符串
            value: stat.value,
            status: stat.status || 'default', // 如果status不存在，则使用'default'
          }}
        />
      ))}
    </StatisticCard.Group>
  );
};