---
import type { HTMLAttributes } from "astro/types";

interface Props extends HTMLAttributes<"a"> {

}

const props = Astro.props;
const className = [
	"hover:text-blue-500 hover:underline transition-colors",
	props.class,
].join(' ');
---

<a class={className} {...props}>
	<slot />
</a>