"use client";
import { Database } from "lucide-react";

export function MissingDataSection({ label, reason }: { label: string; reason: string }) {
  return (
    <div className="bg-white rounded-xl border border-dashed border-slate-200 px-5 py-6 text-center">
      <Database className="w-6 h-6 text-slate-200 mx-auto mb-2" />
      <p className="text-xs font-semibold text-slate-400">{label}</p>
      <p className="text-[11px] text-slate-300 mt-0.5">{reason}</p>
    </div>
  );
}
