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

interface Props extends HTMLAttributes<'a'> {

}

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

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