<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 rounded-md"
	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>