import Header           from "@/components/header";
import PageContainer    from "@/components/shared/page-container";
import Navbar           from "@/components/navbar";
import Sidebar          from "@/components/shared/sidebar";
import ArticlePreview   from "@/components/news/article-preview"
import ReactDOM from "react";
import "public/global.css"
import "./index.css"


export default function Test() {
    return <div className={`root`}>
            <Header/>
            <Navbar/>
            <PageContainer>
                <Sidebar>
                    <h1>
                        Filters
                    </h1>
                    <ul><li>filter 1</li><li>filter 2</li><li>filter 3</li></ul>
                </Sidebar>
                <main>
                    <ArticlePreview/>
                    <ArticlePreview/>
                    <ArticlePreview/>
                </main>
            </PageContainer>
        </div>;
}