aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/app/components/NavigateLink.tsx
blob: 8741121660e46836c786df5c41aae663afb1d211 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { Link } from "wouter";

export default function NavigateLink({
	to,
	children,
}: {
	to: string;
	children: React.ReactNode;
}) {
	return (
		<Link
			to={to}
			className="text-lg text-white bg-brand-600 px-4 py-2 border-2 border-brand-50 rounded-sm transition duration-300 hover:bg-brand-500 focus:ring-3 focus:ring-brand-400 focus:outline-hidden"
		>
			{children}
		</Link>
	);
}