'use strict';

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

const VectorEditorStatusBar = ({ api, artW, artH }) => {
    var _a;
    return (jsxRuntime.jsxs("div", { className: VectorEditor_module.statusBar, children: [jsxRuntime.jsxs("span", { children: [artW, "\u00D7", artH] }), jsxRuntime.jsxs("span", { children: ["Zoom ", Math.round(api.zoom * 100), "%"] }), jsxRuntime.jsx("span", { children: api.tool }), jsxRuntime.jsxs("span", { children: [api.shapes.length, " shape(s)"] }), api.selId && jsxRuntime.jsxs("span", { children: ["Selected: ", (_a = api.selShape) === null || _a === void 0 ? void 0 : _a.type] }), api.snapGrid && jsxRuntime.jsxs("span", { children: ["Snap: ", api.gridSize, "px"] })] }));
};
var VectorEditorStatusBar$1 = React.memo(VectorEditorStatusBar);

module.exports = VectorEditorStatusBar$1;
//# sourceMappingURL=VectorEditorStatusBar.js.map
