import type { Metadata } from "next";

import { OnThisPage } from "@/components/design-system/on-this-page";
import { PageHeader } from "@/components/design-system/page-header";
import { LedgerEntriesSection } from "@/components/design-system/sections/ledger-entries-demo";
import { QuoteAssetSection } from "@/components/design-system/sections/registers-demo";
import { PartyOpeningSection } from "@/components/design-system/sections/setup-more-demo";
import { AccountsListsSection } from "@/components/design-system/sections/lists-demo";
import { ExpensesSection } from "@/components/design-system/sections/records-more-demo";
import { AccountingSection } from "@/components/design-system/sections/operations/accounting-demo";
import { FinanceSection } from "@/components/design-system/sections/operations/finance";
import { TransactionsSection } from "@/components/design-system/sections/operations/transactions-demo";
import { SupplierBillsSection } from "@/components/design-system/sections/purchasing-demo";
import { AccountsChartsSection } from "@/components/design-system/sections/report-charts-demo";
import { TaxCodesSection } from "@/components/design-system/sections/tax-demo";

export const metadata: Metadata = { title: "Accounts and finance | Medora Design System" };

export default function AccountsPage() {
  return (
    <>
      <PageHeader title="Accounts and finance" description="Money owed and received, the ledger and its statements, journals, bank and claim reconciliation, petty cash, assets and tax codes." />
      <OnThisPage />
      <FinanceSection />
      <AccountingSection />
      <SupplierBillsSection />
      <ExpensesSection />
      <AccountsListsSection />
      <PartyOpeningSection />
      <QuoteAssetSection />
      <TransactionsSection />
      <LedgerEntriesSection />
      <AccountsChartsSection />
      <TaxCodesSection />
    </>
  );
}