import Link from "next/link";

import { PageHeader } from "@/components/dashboard-ui";
import { PropertyFlicker } from "@/components/property-flicker";
import {
  complianceItems,
  messageThreads,
  properties,
  residents,
  workOrders,
} from "@/lib/property-data-uk";

export default function PropertiesPage() {
  return (
    <div className="space-y-6">
      <PageHeader
        eyebrow="Properties"
        title="10-property landlord portfolio"
        description="A property-by-property view of rent, tenants, EPC rating, repairs, messages, and yearly checks."
        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>
        }
      />

      <PropertyFlicker
        complianceItems={complianceItems}
        messageThreads={messageThreads}
        properties={properties}
        residents={residents}
        workOrders={workOrders}
      />
    </div>
  );
}