---
import { getEntries } from "astro:content";
import TRENDS from "~/data/trends.json";

const trends = await getEntries(
    TRENDS.map((x) => ({ collection: "courses", ...x })),
);
const { relatedCourses } = Astro.props;
---

<ul class="list-disc list-inside font-medium">
    {
        (relatedCourses ?? trends).map(({ data }) => (
            <li>
                <a href={data.slug}>{data.title}</a>
            </li>
        ))
    }
</ul>