feat: Keyboard shortcut reference inside editor

app/components/Tooltip.js

@@ -9,6 +9,7 @@ type Props = {
   children: React.Node,
   delay?: number,
   className?: string,
+  block?: boolean,
 };
 
 class Tooltip extends React.Component<Props> {
@@ -17,7 +18,15 @@ class Tooltip extends React.Component<Props> {
   }
 
   render() {
-    const { tooltip, delay = 50, children, className, ...rest } = this.props;
+    const {
+      tooltip,
+      delay = 50,
+      children,
+      block,
+      className,
+      ...rest
+    } = this.props;
+    const Component = block ? 'div' : 'span';
 
     return (
       <StyledTippy
@@ -30,7 +39,7 @@ class Tooltip extends React.Component<Props> {
         inertia
         {...rest}
       >
-        <span className={className}>{children}</span>
+        <Component className={className}>{children}</Component>
       </StyledTippy>
     );
   }