a collection of tools for fly for fun universe
skillulator.lol
besaid.zone
1import { Link } from "@tanstack/react-router";
2
3interface Props {
4 name: string;
5 image: string;
6}
7
8export function LinkCard(props: Props) {
9 return (
10 <Link
11 aria-label={`Go to the ${props.name} skill tree`}
12 params={{ class: props.name }}
13 to="/c/$class"
14 className="flex flex-col items-center justify-center px-1 py-2 duration-150 bg-white border border-gray-300 rounded-md hover:bg-gray-100 lg:px-5 a11y-focus"
15 >
16 <img
17 alt=""
18 src={`https://skillulator.lol/icons/classes/${props.image}`}
19 className="w-10 h-10 md:h-12 md:w-12"
20 />
21 <span className="capitalize">{props.name}</span>
22 </Link>
23 );
24}