import { render_and_copy } from "./common.tsx"; // this is a really bad and boring idea. pass. render_and_copy( <div style={{ display: "grid", gridTemplateColumns: "1fr", gridTemplateRows: "1fr 3fr 1fr", }} > <img src="https://static.pyrope.net/latula.webp" style={{ display: "grid", gridRow: "1 / 3" }} /> <p style={{ fontFamily: "Impact", display: "grid", gridRow: 1 }}> ACCORDING TO MY UNDERSTANDING OF THE DEFINITION OF AN IMAGE MACRO THIS </p> <p style={{ fontFamily: "Impact", display: "grid", gridRow: 3 }}> THIS IS AN IMAGE MACRO </p> </div> );