"use client";

import Link from "next/link";
import ValidationEditor from "@/components/validations/validation-editor";

export default function QuickStartValidationPage() {
  return (
    <div className="space-y-6">
      <header className="rounded-lg border border-border bg-surface p-6 shadow-soft">
        <p className="text-sm font-medium uppercase tracking-wide text-primary">Schnellstart</p>
        <h1 className="mt-2 text-3xl font-semibold text-text">Neue Validierung starten</h1>
        <p className="mt-2 max-w-3xl text-text-light">
          Wir arbeiten die Validierung direkt auf einer Seite durch und ziehen vorhandene Daten sofort nach.
        </p>
        <div className="mt-5">
          <Link className="btn btn-secondary" href="/validations">
            Zur Validierungsübersicht
          </Link>
        </div>
      </header>
      <ValidationEditor />
    </div>
  );
}