import React from "react";
export function PaddingDebug({ mapPadding, }) {
    return (React.createElement("div", { style: {
            position: "absolute",
            top: `${mapPadding.top}px`,
            bottom: `${mapPadding.bottom}px`,
            left: `${mapPadding.left}px`,
            right: `${mapPadding.right}px`,
            border: "3px dashed red",
            pointerEvents: "none",
            zIndex: 9999,
            backgroundColor: "rgba(255, 0, 0, 0.05)",
        } },
        React.createElement("div", { style: {
                position: "absolute",
                top: 0,
                left: 0,
                background: "red",
                color: "white",
                padding: "4px 8px",
                fontSize: "12px",
                fontWeight: "bold",
            } },
            "Padding: T:",
            mapPadding.top,
            " R:",
            mapPadding.right,
            " B:",
            mapPadding.bottom,
            " ",
            "L:",
            mapPadding.left)));
}
//# sourceMappingURL=index.js.map