/** Design-system photography block: real image when a src is configured, striped placeholder otherwise. */
export default function Photo({ src, label, alt = "" }: { src?: string | null; label: string; alt?: string }) {
  return (
    <div className="ph">
      {src ? <img src={src} alt={alt} loading="lazy" decoding="async" /> : <span className="ph-label">photo · {label}</span>}
    </div>
  );
}