{{ if .Params.toot }}
<div class="flex flex-col gap-2">
    <h4 class="text-sm font-semibold m-0">{{ T "actionMenu.fediverse" }}</h4>
    <input type="text" id="fediverse-instance" placeholder="{{ T "actionMenu.fediversePlaceholder" }}" class="text-sm px-2 py-1 border border-neutral-300 dark:border-neutral-600 rounded bg-transparent dark:text-white">
    <div class="flex gap-2">
        <button id="fediform-copy-button" class="text-xs px-2 py-1 bg-neutral-100 dark:bg-neutral-700 rounded hover:bg-neutral-200 dark:hover:bg-neutral-700 transition-colors">📋</button>

        <button id="fediform-button" class="w-full text-xs px-2 py-1 bg-neutral-200 dark:bg-neutral-600 rounded hover:bg-neutral-300 dark:hover:bg-neutral-500 transition-colors">{{ T "actionMenu.openToot" }}</button>
    </div>
</div>
<script>
    const tootUrl = '{{ .Params.toot }}'
</script>
{{ end }}