// import components
import Header from "@/components/shared/brand/header";
import PageContainer from "@/components/shared/page-container";
import Navbar from "@/components/shared/navigation/navbar";
import Sidebar from "@/components/shared/sidebar";
import ArticlePreview from "@/components/shared/news/article-preview"
// import styles
import "public/global.css"
import "@/app/index.css"
// import other shit
import ReactDOM, { ReactNode } from "react";

type Props = {
    children?: ReactNode
}



export default function Page(props: Props) {
    
        
    
    
    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>);
}