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

/** Concise, reusable disclaimer shown near AI financial guidance. */
export function DisclaimerNote({ className = "" }: { className?: string }) {
  return (
    <p className={`flex items-start gap-2 text-[11px] leading-relaxed text-muted-foreground ${className}`}>
      <Info className="size-3.5 mt-0.5 shrink-0" />
      <span>
        PRUDENTIA gives informational insights based on the data you entered. It does not guarantee outcomes and is not a substitute for
        qualified professional advice.{" "}
        <Link to="/legal/disclaimer" className="underline underline-offset-2">
          Learn more
        </Link>
      </span>
    </p>
  );
}