import { Construction } from "lucide-react";

export default function Placeholder({ title, note }: { title: string; note?: string }) {
  return (
    <div className="space-y-4">
      <h2 className="text-xl font-bold">{title}</h2>
      <div className="card p-12 text-center text-slate-400">
        <Construction className="h-8 w-8 mx-auto mb-3 opacity-50" />
        <p>{note ?? `${title} screen — scaffolded. Wire to its API endpoints next.`}</p>
      </div>
    </div>
  );
}