Anchor.tsx

import classNames from "classnames";
import Link, { LinkProps } from "next/link";
import { AnchorHTMLAttributes, ComponentProps } from "react";

import styles from "./Anchor.module.scss";

export default function Anchor({
	children,
	className,
	...linkProps
}: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href"> &
	LinkProps<string> & {
		children: string;
		className?: string;
	}) {
	return (
		<Link
			{...linkProps}
			className={classNames(styles.anchor, className)}
		>
			{children}
		</Link>
	);
}

export type AnchorProps = ComponentProps<typeof Anchor>;
export type InternalHref = AnchorProps["href"];