import { House } from "lucide-react";
import AppBreadcrumb from "@/components/generic/Breadcrumb/AppBreadcrumb";
import ArchiveTaskListTable from "@/modules/admin/components/task/ArchiveTaskListTable";

export default function ArchiveTaskList() {
    const items = [
        { label: "Home", icon: <House className="size-4" />, to: "/admin" },
        { label: "Task List", to: "/admin/taskList" },
        { 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">
                    <ArchiveTaskListTable />
                </div>
            </div>
        </section>
    );
}