"use client";

import Link from "next/link";
import { FolderPlus, Clock, Sparkles, CalendarSync } from "lucide-react";

const actions = [
  {
    label: "Neue Akte",
    href: "/cases/new",
    icon: FolderPlus,
    color: "text-blue-600 bg-blue-50 hover:bg-blue-100",
  },
  {
    label: "Frist eintragen",
    href: "/fristen",
    icon: Clock,
    color: "text-amber-600 bg-amber-50 hover:bg-amber-100",
  },
  {
    label: "AI Analyse",
    href: "/ai/extract",
    icon: Sparkles,
    color: "text-violet-600 bg-violet-50 hover:bg-violet-100",
  },
  {
    label: "CalDAV Sync",
    href: "/einstellungen",
    icon: CalendarSync,
    color: "text-emerald-600 bg-emerald-50 hover:bg-emerald-100",
  },
];

export function QuickActions() {
  return (
    <div className="rounded-xl border border-neutral-200 bg-white p-5">
      <h2 className="text-sm font-semibold text-neutral-900">
        Schnellzugriff
      </h2>
      <div className="mt-3 grid grid-cols-2 gap-2">
        {actions.map((action) => (
          <Link
            key={action.label}
            href={action.href}
            className={`flex items-center gap-2 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors ${action.color}`}
          >
            <action.icon className="h-4 w-4" />
            {action.label}
          </Link>
        ))}
      </div>
    </div>
  );
}