import { jsx } from 'react/jsx-runtime';
import React from 'react';
import styles from './PixelEditor.module.css.js';

const PixelEditorCanvas = React.memo(({ api }) => (jsx("div", { ref: api.boxRef, className: styles.canvasContainer, children: 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";

export { PixelEditorCanvas as default };
//# sourceMappingURL=PixelEditorCanvas.js.map
