'use strict';

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

const PixelEditorStatusBar = React.memo(({ api }) => {
    var _a;
    return (jsxRuntime.jsxs("div", { className: PixelEditor_module.statusBar, children: [jsxRuntime.jsxs("span", { children: [api.dw, "\u00D7", api.dh] }), jsxRuntime.jsxs("span", { children: ["Zoom ", Math.round(api.zoom * 100), "%"] }), api.cursor && pixelEditorTypes.inB(api.cursor.x, api.cursor.y, api.dw, api.dh) && (jsxRuntime.jsxs("span", { children: ["(", api.cursor.x, ", ", api.cursor.y, ")"] })), jsxRuntime.jsx("span", { children: api.tool }), jsxRuntime.jsxs("span", { children: ["Brush: ", api.brush.size, "px ", api.brush.shape] }), jsxRuntime.jsxs("span", { children: ["Pressure: ", Math.round(api.pressure * 100), "%"] }), jsxRuntime.jsxs("span", { children: ["Layer: ", (_a = api.layers[api.aLi]) === null || _a === void 0 ? void 0 : _a.name] }), jsxRuntime.jsxs("span", { children: ["Frame ", api.afi + 1, "/", api.fc] }), api.symmetry !== "none" && jsxRuntime.jsxs("span", { children: ["Sym: ", api.symmetry] }), api.shapeFilled && jsxRuntime.jsx("span", { children: "Filled" }), api.sel && jsxRuntime.jsxs("span", { children: ["Sel: ", api.sel.w, "\u00D7", api.sel.h] })] }));
});
PixelEditorStatusBar.displayName = "PixelEditorStatusBar";

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