import Link from "next/link";

import { PageHeader } from "@/components/dashboard-ui";
import { PropertyDocumentVault } from "@/components/property-document-vault";
import { properties } from "@/lib/property-data-uk";

export default function DocumentsPage() {
  return (
    <div className="space-y-6">
      <PageHeader
        eyebrow="Vault"
        title="Property vault"
        description="The one place for insurance policies, warranties, certificates, tenancy PDFs, receipts, manuals, and renewal dates across the portfolio."
        actions={
          <Link
            href="/app"
            className="rounded-full border border-border bg-white/72 px-5 py-3 text-sm font-semibold text-foreground transition hover:border-primary/20"
          >
            Back to dashboard
          </Link>
        }
      />

      <PropertyDocumentVault properties={properties} />
    </div>
  );
}