/**
 * SiteFooter — a single slim row carrying the feedback link. Mounted in
 * both (app) and (legal) layouts so the affordance follows the user
 * everywhere on the site without taking up perceptible vertical space.
 *
 * No wordmark, no about / privacy / terms links, no dedication line —
 * those live in settings and the legal pages themselves. This footer
 * exists solely to keep "send us feedback" one tap away from anywhere.
 */

import Link from "next/link";
import { MessageSquare } from "lucide-react";

export function SiteFooter() {
  return (
    <footer className="mt-auto border-t border-border bg-secondary text-secondary-foreground">
      <div className="max-w-5xl mx-auto px-4 sm:px-6 py-3 flex items-center justify-center">
        <Link
          href="/feedback"
          className="inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground underline-offset-4 hover:underline transition-colors"
        >
          <MessageSquare className="size-3.5" />
          Send feedback
        </Link>
      </div>
    </footer>
  );
}