| <script lang="ts"> | |
| import CarbonCaretLeft from "~icons/carbon/caret-left"; | |
| import CarbonCaretRight from "~icons/carbon/caret-right"; | |
| export let href: string; | |
| export let direction: "next" | "previous"; | |
| export let isDisabled = false; | |
| </script> | |
| <a | |
| class="flex items-center rounded-lg px-2.5 py-1 hover:bg-gray-50 dark:hover:bg-gray-800 {isDisabled | |
| ? 'pointer-events-none opacity-50' | |
| : ''}" | |
| {href} | |
| > | |
| {#if direction === "previous"} | |
| <CarbonCaretLeft classNames="mr-1.5" /> | |
| Previous | |
| {:else} | |
| Next | |
| <CarbonCaretRight classNames="ml-1.5" /> | |
| {/if} | |
| </a> | |