import Link from "@/app/components/LocaleLink";

const RELATED_PAGES: { label: string; href: string }[] = [
  { label: "Today Panchang", href: "/panchang/today-panchang" },
  { label: "Tomorrow Panchang", href: "/panchang/tomorrow-panchang" },
  { label: "Rahu Kaal", href: "/panchang/rahu-kaal" },
  { label: "Tithi", href: "/panchang/tithi" },
  { label: "Vaar", href: "/panchang/vaar" },
  { label: "Choghadiya", href: "/panchang/choghadiya" },
  { label: "Hora", href: "/panchang/hora" },
  { label: "Daily Horoscope", href: "/horoscope/daily-horoscope" },
];

/*
|--------------------------------------------------------------------------
| Related Panchang Pages (pill links)
|--------------------------------------------------------------------------
*/

export default function PanchangRelatedPages({ current }: { current?: string }) {
  const pages = RELATED_PAGES.filter((page) => page.href !== current);

  return (
    <section className="panchang-related-card">
      <span className="panchang-related-title">Related Panchang Pages</span>

      <div className="panchang-related-pills">
        {pages.map((page) => (
          <Link href={page.href} className="panchang-pill" key={page.href}>
            {page.label}
          </Link>
        ))}
      </div>
    </section>
  );
}