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

<a
  class="text-accent hover:bg-accent hover:text-accent-content
  selection:bg-accent! selection:text-accent-content!"
  {href}
  target="_blank">{@render children()}</a
>
