import type { PublicArticle } from "@/lib/articles-public";
import type { NewsServicesTab } from "@/constants/news-services";
import NewsServicesArticleSection from "@/components/landing-page/news-services-article-section";

type Props = {
  articlesByTab: Record<NewsServicesTab, PublicArticle[]>;
};

export default function ContentPopular({ articlesByTab }: Props) {
  return (
    <NewsServicesArticleSection
      id="konten-terpopuler"
      title="Konten Terpopuler"
      articlesByTab={articlesByTab}
      showViews
      exploreHref="#konten-terbaru"
      exploreLabel="Lihat konten terbaru"
    />
  );
}