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

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

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