import { NextPage } from 'next'
import Categories from './components/Categories'
import withLayout from '@/hoc/withLayout'
import BlogItem from './components/BlogItem'
import LastPost from './components/LastPost'

const BlogsPage: NextPage = () => {
    return (
        <div className='flex gap-24 p-10'>
            <Categories />
            <div className='flex-1 flex flex-col gap-6'>
                <BlogItem />
                <BlogItem />
                <BlogItem />
                <BlogItem />
            </div>
            <div className='max-w-[340px] w-full'>
                <LastPost />
            </div>
        </div>
    )
}

export default withLayout(BlogsPage)