import { House } from "lucide-react";

import AppBreadcrumb from "@/components/generic/Breadcrumb/AppBreadcrumb";
import ArchivedAdvertisementsTable from "../../components/advertisements/ArchivedAdvertisementsTable";

export default function ArchivedAdvertisementList() {
    const items = [
        { label: "Home", icon: <House className="size-4" />, to: `/admin` },
        { label: "Advertisements", to: `/admin/advertisements` },
        { label: "Archived" },
    ];

    return (
        <section className="bg-muted h-full">
            <div className="lg:container lg:mx-auto lg:px-0 flex flex-col items-start px-4">
                <div className="flex flex-col gap-2 my-6">
                    <AppBreadcrumb items={items} />
                </div>

                <div className="w-full">
                    <ArchivedAdvertisementsTable />
                </div>
            </div>
        </section>
    );
}