/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/core/Kbd/Kbd.tsx
/**
* Keyboard shortcut indicator.
*
* Renders an inline `<kbd>` element styled as a small key cap.
*/
function Kbd({ children, className = "" }) {
	return /* @__PURE__ */ jsx("kbd", {
		className: `inline-flex items-center justify-center rounded border border-border-1 bg-card px-1.5 py-0.5 text-xs font-sans text-(--text-subtle) ${className}`,
		children
	});
}
//#endregion
export { Kbd };

//# sourceMappingURL=Kbd.js.map