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

type Props = HTMLAttributes<'a'>;

const { href, class: className, ...props } = Astro.props;
const pathname = Astro.url.pathname.replace(import.meta.env.BASE_URL, '');
const subpath = pathname.match(/[^\/]+/g);
const isActive = href === pathname || href === '/' + (subpath?.[0] || '');
---

<!DOCTYPE html>
<html lang="en">
	<head>
	</head>
	<body>
		<a href={href} class:list={[className, { active: isActive }]} {...props}>
			<slot />
		</a>
	</body>
</html>
