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



export default async function Page() {
    

    return (
        <div className="section">
            {/* <pre>
                <p>here are the streams object</p>
                <code>
                    {JSON.stringify(streams, null, 2)}
                </code>
            </pre> */}



            <h1 className="title">Stream Archive</h1>
            <StreamsTable />

            {/* <StreamsList vtubers={vtubers} page={page} pageSize={pageSize} />
            <Pager baseUrl="/streams" page={page} pageCount={vtubers.length/pageSize}/> */}
        </div>
    )
}