Kbd Kbd.tsx

0% Statements 0/1

100% Branches 0/0

0% Functions 0/1

0% Lines 0/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { PropsWithChildren, ReactElement } from "react";
 
export default function Kbd({
  children,
}: Readonly<PropsWithChildren>): ReactElement {
  return (
    <kbd>
      {children}
      <style jsx>{`
        kbd {
          border-radius: 4px;
          box-shadow:
            0 1px 0 rgba(0, 0, 0, 0.3),
            inset 0 0 0 1px #fff;
          box-sizing: border-box;
          color: inherit;
          display: inline-block;
          font-size: 1rem;
          font-weight: 400;
          margin: 0 4px;
          padding: 2px 8px;
        }
      `}</style>
    </kbd>
  );
}