"use client";

type NotificationType = "info" | "success" | "error";

interface NotificationProps {
  message: string;
  type?: NotificationType;
}

export default function Notification({ message, type = "info" }: NotificationProps) {
  const colors: Record<NotificationType, string> = {
    info: "bg-blue-100 text-blue-700",
    success: "bg-green-100 text-green-700",
    error: "bg-red-100 text-red-700",
  };

  return (
    <div className={`px-4 py-2 rounded shadow ${colors[type]}`}>
      {message}
    </div>
  );
}