frontend/app/components/NavigateLink.tsx


1
2
3
4
5
6
7
8
9
10

import { Link, LinkProps } from "react-router";

export default function NavigateLink(props: LinkProps) {
	return (
		<Link
			{...props}
			className="text-lg text-white bg-sky-600 px-4 py-2 rounded-sm transition duration-300 hover:bg-sky-500 focus:ring-3 focus:ring-sky-400 focus:outline-hidden"
		/>
	);
}