<script setup lang="ts">
interface Props
{
    toc: Toc;
    comments?: Comment[];
}
const props = defineProps<Props>();
</script>

<template>
    <div class="site-body-right-column">
        <div class="site-body-right-column-inner">
            <div v-if="comments !== undefined">
                {{ comments.length }} commentaire{{ comments.length === 1 ? '' : 's' }}
            </div>
            <div v-if="!!toc" class="outline-view-outer node-insert-event">
                <div class="list-item published-section-header">
                    <span>Sur cette page</span>
                </div>
                <div class="outline-view">
                    <TocLink v-for="link of toc.links" :link="link"/>
                </div>
            </div>
        </div>
    </div>
</template>