import React from "react";
import DetailNews from "../../page/detail-news";
import SidebarDetail from "../../page/sidebar-detail";
import RelatedNews from "../../page/related-news";
import Comment from "./comment";

export default function NewsDetailPage() {
  return (
    <>
      <div className="text-black md:flex bg-white">
        <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>
    </>
  );
}