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

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

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