{#each Object.entries(labelsByLanguage) as [language, label]}
(selectedLanguage = language)} class="inline-block rounded-t-lg border-b-2 p-4 {language === selectedLanguage ? 'border-black text-black dark:border-blue-500 dark:text-blue-500' : 'border-transparent hover:border-gray-300 hover:text-gray-600 dark:hover:text-gray-300'}" aria-current="page">{label}
{/each}
{#each snippetsByLanguage[selectedLanguage] as { label, code, language }}
{label}
{@html highlight( code, language ?? selectedLanguage )}
{ const el = e.currentTarget; el.classList.add('text-green-500'); navigator.clipboard.writeText(code); if (timeout) { clearTimeout(timeout); } timeout = setTimeout(() => { el.classList.remove('text-green-500'); }, 1000); }} >
{/each}