21 lines
704 B
Svelte
21 lines
704 B
Svelte
<script>
|
|
export let currentPage;
|
|
export let title = 'null';
|
|
export let href = './null';
|
|
export let pageUrl = '/null';
|
|
</script>
|
|
|
|
<a
|
|
class="flex items-center px-4 py-2 mt-5 transition-colors duration-200 transform rounded-md hover:bg-gray-200 dark:hover:bg-gray-700 dark:hover:text-gray-200 hover:text-gray-700"
|
|
class:dark:bg-gray-700={currentPage == pageUrl}
|
|
class:bg-gray-200={currentPage == pageUrl}
|
|
class:dark:text-gray-200={currentPage == pageUrl}
|
|
class:text-gray-700={currentPage == pageUrl}
|
|
class:dark:text-gray-400={!(currentPage == pageUrl)}
|
|
class:text-gray-600={!(currentPage == pageUrl)}
|
|
{href}
|
|
>
|
|
<slot />
|
|
|
|
<span class="mx-4 font-medium">{title}</span>
|
|
</a> |