import { Input } from "@/components/ui/input";
import { Search, FileText } from "lucide-react";

export default function ClientEstoppelsPage() {
  return (
    <div className="space-y-6">
      <div>
        <h1 className="text-3xl font-bold text-foreground">Estoppels & Sales</h1>
        <p className="text-muted-foreground mt-1">View property transfers and estoppel status.</p>
      </div>
      <div className="relative max-w-md">
        <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
        <Input placeholder="Search estoppels..." className="pl-9" />
      </div>
      <div className="text-center py-12 text-muted-foreground bg-muted/50 rounded-xl border border-dashed">
        <p>No estoppel records found.</p>
      </div>
    </div>
  );
}
