---
interface Props {
  href: string;
  class?: string;
}

const { href, class: className, ...rest } = Astro.props;
const external = !!href.match(/^(https?:)?\/\//);
const externalAttrs = external ? { target: "_blank", rel: "noopener" } : {};
---

<a
  href={href}
  class={`text-brand hover:underline focus:underline ${className}`}
  {...externalAttrs} {...rest}><slot /></a
>