1
import { ArrowLeft } from "lucide-react";
2
import { Link } from "react-router";
3
 
4
interface BackLinkProps {
5
  to: string;
6
  children: string;
7
}
8
 
9
export const BackLink = ({ to, children }: BackLinkProps) => (
10
  <Link
11
    to={to}
12
    className="group mb-6 inline-flex items-center gap-1.5 text-xs font-medium uppercase tracking-[0.18em] text-zinc-500 transition-colors hover:text-zinc-300"
13
  >
14
    <ArrowLeft className="h-3 w-3 transition-transform duration-200 group-hover:-translate-x-0.5" aria-hidden="true" />
15
    {children}
16
  </Link>
17
);