"use client";

import { FristenRechner } from "@/components/deadlines/FristenRechner";
import { ArrowLeft } from "lucide-react";
import Link from "next/link";

export default function FristenrechnerPage() {
  return (
    <div className="animate-fade-in space-y-4">
      <div>
        <Link
          href="/fristen"
          className="mb-2 inline-flex items-center gap-1 text-sm text-neutral-500 transition-colors hover:text-neutral-700"
        >
          <ArrowLeft className="h-3.5 w-3.5" />
          Zurueck zu Fristen
        </Link>
        <h1 className="text-lg font-semibold text-neutral-900">
          Fristenrechner
        </h1>
        <p className="mt-0.5 text-sm text-neutral-500">
          Verfahrensart waehlen, Fristen einsehen und Termine berechnen
        </p>
      </div>

      <FristenRechner />
    </div>
  );
}