'use strict';

var jsxRuntime = require('react/jsx-runtime');
var React = require('react');
var PixelEditor_module = require('./PixelEditor.module.css.js');

const PixelEditorCanvas = React.memo(({ api }) => (jsxRuntime.jsx("div", { ref: api.boxRef, className: PixelEditor_module.canvasContainer, children: jsxRuntime.jsx("canvas", { ref: api.cvRef, onPointerDown: api.onDown, onPointerMove: api.onMove, onPointerUp: api.onUp, onPointerLeave: () => {
            api.drawing.current = false;
            api.panning.current = false;
            api.setCursor(null);
        }, onWheel: api.onWheel, onContextMenu: (e) => e.preventDefault(), style: { inset: 0, width: "100%", height: "100%", touchAction: "none" }, "aria-label": "Pixel editor canvas" }) })));
PixelEditorCanvas.displayName = "PixelEditorCanvas";

module.exports = PixelEditorCanvas;
//# sourceMappingURL=PixelEditorCanvas.js.map
