import { Wallet, ListTree } from "lucide-react";
import type { AppRegistryMeta } from "officerdev";
import { FinancesOverview } from "./FinancesOverview";
import { FinancesDetail } from "./FinancesDetail";

// The panels this plugin contributes. The shell renders the screen around them; this plugin never does.
//
// These keys are stored in a user's saved layout, so renaming one is a data change rather than a rename.
export const appRegistryMetas: AppRegistryMeta[] = [
  {
    key: "finances-overview",
    name: "Overview",
    icon: Wallet,
    component: FinancesOverview,
    availableOnPanel: false,
  },
  {
    key: "finances-detail",
    name: "Detail",
    icon: ListTree,
    component: FinancesDetail,
    availableOnPanel: false,
  },
];