import { Upload } from "lucide-react";

export default function DocumentsPage() {
  return (
    <div className="space-y-6">
      <header>
        <h1 className="text-3xl font-semibold text-text">Dokumente</h1>
        <p className="mt-2 text-text-light">PDF, JPG, PNG, DOCX und XLSX mit Zuordnung zu Kunden, Geraeten, Validierungen und Pruefmitteln.</p>
      </header>
      <section className="flex min-h-80 items-center justify-center rounded-lg border border-dashed border-primary/40 bg-surface p-8 text-center shadow-soft">
        <div>
          <Upload className="mx-auto h-10 w-10 text-primary" />
          <h2 className="mt-4 text-xl font-semibold">Drag & Drop Upload</h2>
          <p className="mt-2 max-w-xl text-sm leading-6 text-text-light">Die Dokumentenablage ist im Backend modelliert und fuer Upload-Flows vorbereitet.</p>
        </div>
      </section>
    </div>
  );
}