/**
 * KRA - Dashboard Charts Component
 */
import React from 'react';
import { Card } from 'antd';
import LineChart from '@/components/Charts/LineChart';

const Charts: React.FC = () => {
  const chartData = {
    xAxis: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
    series: [
      {
        name: '访问量',
        data: [820, 932, 901, 934, 1290, 1330, 1320],
      },
      {
        name: '下载量',
        data: [220, 182, 191, 234, 290, 330, 310],
      },
    ],
  };

  return (
    <Card
      title="内容数据"
      className="kra-dashboard-card"
      variant="borderless"
      styles={{ body: { height: '320px' } }}
    >
      <LineChart
        xAxisData={chartData.xAxis}
        series={chartData.series}
        height="280px"
      />
    </Card>
  );
};

export default Charts;
