---
interface Props {
  href: string;
  [attribute: string]: string;
}

const { href, class: className, ...attributes } = Astro.props;
---

<a
  class={`text-teal-600 duration-100 hover:text-teal-500 hover:underline ${
    className ?? ""
  }`}
  {href}
  {...attributes}
>
  <slot />
</a>
