import React from 'react'
import DetailNews from '../page/DetailNews'
import Comment from './Comment'
import SidebarDetail from '../page/SidebarDetail'
import RelatedNews from '../page/RelatedNews'

export default function DetailPage() {
    return (
        <>
            <div className='text-black md:flex'>
                <div className='w-auto md:w-[75%]'>
                    <DetailNews />
                </div>
                <div className='w-auto md:w-[25%] hidden md:block'>
                    <SidebarDetail />
                </div>
            </div>
            <div className='bg-[#eeeeee] text-black h-auto my-2 md:my-5 lg:my-10'>
                <Comment />
            </div>
            <div>
                <RelatedNews />
            </div>
            <div className='md:hidden text-black'>
                <SidebarDetail />
            </div>
        </>
    )
}