/**
 * PhotoBreak — full-bleed image slot used as a visual punctuation between
 * content sections. Image-slot lets the user drop their own photo.
 */
function PhotoBreak({ id, placeholder }) {
  return (
    <section
      id={id}
      className="section section-photo photo-break"
      data-screen-label={`Photo · ${id}`}>
      
      <image-slot id={id} placeholder={placeholder} shape="rect"></image-slot>
    </section>);

}

if (typeof window !== "undefined") window.PhotoBreak = PhotoBreak;