import Pager from "@/components/pager";
import StreamsList from "@/components/streams-list";
import StreamsTable from '@/components/streams-table';
import { getAllStreams } from "@/lib/streams";
// import { getAllVtubers } from "@/lib/vtubers";
import { notFound } from "next/navigation";

export default async function Page() {
    // const vtubers = await getAllVtubers();
    const streams = await getAllStreams();
    // const pageSize = 100;
    // const page = 1;

    // if (!vtubers) notFound();

    return (
        <div className="section">
            {/* <pre>
                <code>
                    {JSON.stringify(vtubers, null, 2)}
                </code>
            </pre> */}

            <h1 className="title">Stream Archive</h1>
            <StreamsTable streams={streams} />
            {/* <StreamsList vtubers={vtubers} page={page} pageSize={pageSize} />
            <Pager baseUrl="/streams" page={page} pageCount={vtubers.length/pageSize}/> */}
        </div>
    )
}