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>
);
