import RightSidebar from "@/components/App/Shared/RightSidebar";
import NewsCard from "@/components/App/Shared/RightSidebar/NewsCard";
import TrendingCard from "@/components/App/Shared/RightSidebar/TrendingCard";

import WhoToFollowCard from "@/components/App/Shared/RightSidebar/WhoToFollowCard";

const HomeLayout = ({ children }: { children: React.ReactNode }) => {
  return (
    <>
      <div className="flex-grow md:min-w-[600px] max-w-[600px] py-4 border-x">
        {children}
      </div>
      <RightSidebar
        cards={[
          <TrendingCard key="trending" />,
          <WhoToFollowCard key="follow" />,
          <NewsCard key="news" />,
        ]}
      />
    </>
  );
};

export default HomeLayout;