// Stand-in for real photography during the build phase.
// Swap for <Image> once final assets are supplied — the label text
// documents the intended crop/dimensions so nothing gets lost in translation.
export function PlaceholderImage({
  label,
  className = "",
}: {
  label: string;
  className?: string;
}) {
  return (
    <div
      className={`flex items-end rounded-card border border-navy/10 bg-gradient-to-br from-gray-light to-[#e7ecf3] p-3 text-xs text-navy/40 ${className}`}
    >
      {label}
    </div>
  );
}