import { cx as e } from "../../../theme/tools.js";
import { container as t, key as n } from "./shortcutHint.css.js";
import { jsx as r } from "react/jsx-runtime";
//#region src/backoffice/atoms/shortcut_hint/ShortcutHint.tsx
var i = ({ keys: i, className: a }) => {
	let o = [];
	return o = typeof i == "string" ? i.split(" ") : [...i], /* @__PURE__ */ r("span", {
		className: e(t, a),
		"aria-hidden": "true",
		children: o.map((e, t) => /* @__PURE__ */ r("kbd", {
			className: n,
			children: e
		}, `${e}-${t}`))
	});
};
//#endregion
export { i as ShortcutHint, i as default };

//# sourceMappingURL=ShortcutHint.js.map