'use client';

import {
  FileText,
  Calendar,
  MessageSquare,
  Bell,
  UserPlus,
} from 'lucide-react';
import Link from 'next/link';

export default function QuickActions() {
  const actions = [
    {
      label: 'Appointments',
      icon: Calendar,
      href: '/dashboard/doctor/consultations',
    },
    {
      label: 'Messages',
      icon: MessageSquare,
      href: '/dashboard/doctor/messages',
    },
    {
      label: 'Notifications',
      icon: Bell,
      href: '/dashboard/doctor/notifications',
    },
    {
      label: 'Patient List',
      icon: UserPlus,
      href: '/dashboard/doctor/patients',
    },
  ];

  return (
    <div className="bg-white p-4 rounded-lg shadow">
      <h3 className="text-lg font-semibold mb-3">Quick Actions</h3>
      <div className="flex flex-wrap gap-3">
        {actions.map(({ label, icon: Icon, href }) => (
          <Link
            key={label}
            href={href}
            className="flex items-center gap-2 bg-blue-500 text-white px-3 py-2 rounded hover:bg-blue-600 transition text-sm"
          >
            <Icon className="w-4 h-4" />
            {label}
          </Link>
        ))}
      </div>
    </div>
  );
}
