import { AnalyticsRadarChart } from "@/components/charts/radar-chart";
import Header from "@/components/header";
import Section from "@/components/section";
import { api } from "@/trpc/server";
import React from "react";

async function AnalyticsPage() {
  const analyticsData = await api.expense.getAnalytics();

  return (
    <>
      <Header text="Analytics"></Header>
      <Section>
        <AnalyticsRadarChart chartData={analyticsData!} />
      </Section>
    </>
  );
}

export default AnalyticsPage;