import { Receipt } from "lucide-react";

import { ListPageCard } from "@/app/dashboard/_components";

import { TaxesHeaderActions, TaxesTable } from "./_components/taxes-table";
import { defaultTaxesFilters, fetchBackendTaxes } from "./_lib/taxes-server-api";

export default async function TaxesPage() {
  const result = await fetchBackendTaxes(defaultTaxesFilters());

  return (
    <ListPageCard
      icon={Receipt}
      title="Taxes"
      breadcrumb={[{ label: "Plans & Orders" }, { label: "Taxes" }]}
      actions={<TaxesHeaderActions data={result.items} />}
    >
      <TaxesTable initialData={result} initialErrorMessage={result.errorMessage} />
    </ListPageCard>
  );
}