<script lang="ts">
	import EventTables from "$lib/modules/EventTables.svelte";
	import { t } from "$lib/translations";
</script>

<h3 class="center-align top-padding bottom-padding">{$t("common.appointments")}</h3>
<table class="border large-space large-text">
    <thead>
        <tr>
            <th class="min">{$t("common.topic")}</th>
            <th class="min center-align">{$t("common.participants")}</th>
            <th class="min center-align">{$t("common.actions")}</th>
            <th class="min center-align"></th>
            <th class="min center-align"></th>
            <th class="min center-align"></th>
        </tr>
    </thead>
    <tbody>
        <EventTables />
    </tbody>
</table>