import { Tag } from "lucide-react";

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

import { PromoCodesHeaderActions, PromoCodesTable } from "./_components/promo-codes-table";
import {
  defaultPromoCodesFilters,
  fetchBackendPromoCodes,
} from "./_lib/promo-codes-server-api";

export default async function PromoCodesPage() {
  const result = await fetchBackendPromoCodes(defaultPromoCodesFilters());

  return (
    <ListPageCard
      icon={Tag}
      title="Promo codes"
      breadcrumb={[{ label: "Plans & Orders" }, { label: "Promo codes" }]}
      actions={<PromoCodesHeaderActions data={result.items} />}
    >
      <PromoCodesTable initialData={result} initialErrorMessage={result.errorMessage} />
    </ListPageCard>
  );
}