import { EggbugImg, render_and_copy } from "./common.tsx";

render_and_copy(
    <div
        style={{
            resize: "both",
            overflow: "hidden",
            position: "relative",
            // TODO: V REMOVE ME V
            outline: "1px solid red",
            height: "10rem",
        }}
    >
        <EggbugImg
            type="golfball"
            style={{
                margin: 0,
                position: "absolute",
                right: 0,
                bottom: 0,
                width: "5rem",
                height: "5rem",
                pointerEvents: "none",
            }}
        />
    </div>
);

// OOOO: score with like a dial thing and an arrow pointing to it
// might be possible to have multiple holes with a details element that comes into frame hm