import HistoryChart from "./components/HistoryChart";
import LatestItems from "./components/LatestItems";
import { DashboardConfig } from "./components/Dashboard";
import TopTags from "./components/ProgressCard/TopTags";
import TopPayees from "./components/ProgressCard/TopPayees";

export const configuration: DashboardConfig = {
  sections: [
    {
      id: "breakdown",
      title: "Breakdown",
      summary: "Interactive chronological tracking",
      component: HistoryChart,
      settings: {
        tabs: ["Weekly", "Monthly"],
      },
    },
    {
      id: "top-categories",
      title: 'Top Categories',
      component: TopTags,
      settings: {
        compact: true,
      },
    },
    {
      id: "top-payees",
      title: 'Top Payees',
      component: TopPayees,
      settings: {
        compact: true,
      },
    },
    {
      id: "items",
      title: 'Recent Transactions',
      component: LatestItems,
    },
  ],
};