/**
 * /settings/legal — links to the standalone legal documents.
 *
 * Dedicated page for what used to be the "Legal" section on the old /settings
 * screen. Each row hard-links to its own top-level route (/terms, /privacy,
 * /data-deletion).
 */

import { NavList, NavRow, SettingsShell } from "@/components/settings/settings-ui";

export default function LegalSettingsPage() {
  return (
    <SettingsShell
      backHref="/settings"
      backLabel="Settings"
      title="Legal"
    >
      <NavList>
        <NavRow href="/about" label="About Us" />
        <NavRow href="/terms" label="Terms of Service" />
        <NavRow href="/privacy" label="Privacy Policy" />
        <NavRow href="/data-deletion" label="Steps for data deletion" />
      </NavList>
    </SettingsShell>
  );
}