"use strict";const e=require("react/jsx-runtime"),n=require("@mui/material/Box"),t=typeof navigator<"u"&&/Mac/.test(navigator.userAgent);function a(r){return r==="Meta"?t?"⌘":"Ctrl":r==="Control"?t?"⌃":"Ctrl":r==="Alt"?t?"⌥":"Alt":r==="Shift"?"⇧":r==="Enter"?"⏎":r==="Escape"?"Esc":r==="Backspace"?"⌫":r==="Delete"?"Del":r==="ArrowUp"?"↑":r==="ArrowDown"?"↓":r==="ArrowLeft"?"←":r==="ArrowRight"?"→":r}function i({keys:r}){return e.jsx(n,{sx:{display:"inline-flex",alignItems:"center",gap:"2px"},children:r.map((o,u)=>e.jsx(n,{component:"kbd",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",height:20,minWidth:20,px:"5px",fontFamily:"var(--ov-font-ui)",fontSize:"0.6875rem",fontWeight:500,lineHeight:1,color:"var(--ov-fg-muted)",bgcolor:"var(--ov-bg-subtle)",border:"1px solid var(--ov-border-default)",borderRadius:"4px",boxShadow:"0 1px 0 var(--ov-border-muted)"},children:a(o)},u))})}i.displayName="HotkeyHint";exports.HotkeyHint=i;
