// Placeholder image — diagonal-striped SVG with monospace caption describing the intended photo.
// Every hero/section image in the site is a placeholder; real photos get dropped in later.
function Placeholder({ label = "ここに写真", aspect = "3/2", style = {}, className = "" }) {
  return (
    <div
      className={`ph ${className}`}
      style={{ aspectRatio: aspect, borderRadius: 2, ...style }}
      role="img"
      aria-label={`プレースホルダ: ${label}`}
    >
      <div className="ph-label">
        <span>{label}</span>
      </div>
    </div>
  );
}
window.Placeholder = Placeholder;