import { Link } from "@tanstack/react-router";

export function LegalLinks({ className = "" }: { className?: string }) {
  return (
    <div className={`flex flex-wrap items-center gap-x-3 gap-y-2 text-xs ${className}`}>
      <Link to="/politica-de-privacidade" className="transition-colors hover:text-foreground">
        Política de Privacidade
      </Link>
      <span className="text-muted-foreground/40">|</span>
      <Link to="/politica-de-cookies" className="transition-colors hover:text-foreground">
        Política de Cookies
      </Link>
      <span className="text-muted-foreground/40">|</span>
      <Link to="/termos-de-uso" className="transition-colors hover:text-foreground">
        Termos de Uso
      </Link>
    </div>
  );
}