---
interface Props {
href: string;
title: string;
}
const { href, title } = Astro.props;
<a
href={href}
class="text-primary-foreground hover:text-primary hover:bg-primary-foreground rounded-md px-3 py-2 transition duration-300"
>{title}
</a>