"use client";

import { Database } from "lucide-react";

export function ComingSoonStub({ label }: { label: string }) {
  return (
    <div className="bg-white rounded-xl border border-slate-200 p-12 text-center">
      <Database className="w-10 h-10 text-slate-200 mx-auto mb-3" />
      <h2 className="text-lg font-bold text-slate-900 mb-1">{label}</h2>
      <p className="text-sm text-slate-500 max-w-sm mx-auto">
        This tab is coming soon. We&apos;re building detailed {label.toLowerCase()} analytics powered by the meSEO Site Tag.
      </p>
    </div>
  );
}
