---
import WikiPageEntry from "../types/WikiPageEntry";

const { entry } = Astro.props as { entry: WikiPageEntry };
---
<li>
    <a href={entry.url}>{entry.title}</a>
    {entry.children.length > 0 && (
        <ul>
            {entry.children.map((child: WikiPageEntry) => <Astro.self entry={child} />)}
        </ul>
    )}
</li>
<style>
a {
    color: lime;
}

li {
    list-style-type: none;
}
</style>