immich/web/src/lib/components/shared-components/context-menu/menu-option.svelte
2022-10-26 11:10:48 -05:00

26 lines
488 B
Svelte

<script>
import { createEventDispatcher } from 'svelte';
export let isDisabled = false;
export let text = '';
const dispatch = createEventDispatcher();
const handleClick = () => {
if (isDisabled) return;
dispatch('click');
};
</script>
<button
class:disabled={isDisabled}
on:click={handleClick}
class="bg-white hover:bg-gray-300 dark:text-immich-dark-bg transition-all p-4 w-full text-left rounded-lg text-sm"
>
{#if text}
{text}
{:else}
<slot />
{/if}
</button>