<script lang="ts">
    let { href, onclick, children }: {href?: string, onclick?: any, children: any } = $props()
</script>

<a href={href} onclick={onclick} class="cursor-pointer text-[#2D82B7] underline hover:text-[#3A96CF]">
    {@render children?.()}
</a>