miru/common/components/TabLabel.svelte
2023-11-12 14:43:06 +01:00

14 lines
385 B
Svelte

<script>
import { getContext } from 'svelte'
import { TABS } from './Tabs.svelte'
import { click } from '@/modules/click.js'
const tab = {}
const { registerTab, selectTab, selectedTab } = getContext(TABS)
registerTab(tab)
</script>
<div class={'pointer border-bottom ' + ($selectedTab === tab ? 'bg-dark-light' : '')} use:click={() => selectTab(tab)}>
<slot />
</div>