more stuff including the shortcut

2022-05-27 23:05:18 -05:00
parent 429dbd58e5
commit 37033fa140
6 changed files with 104 additions and 53 deletions
@@ -0,0 +1,26 @@
+import React from 'react';
+import { Box, styled, Typography } from '@mui/material';
+import { blueGrey } from '@mui/material/colors';
+
+const StyledBox = styled(Box)(({ theme }) => ({
+  px: theme.spacing(1),
+  py: theme.spacing(0.5),
+  border: `1px solid`,
+  borderColor: blueGrey[50],
+}));
+
+export default function KeyboardShortcutLabel({ label }: { label: string }) {
+  return (
+    <Box
+      sx={{
+        px: 1,
+        py: 0.25,
+        border: `1px solid`,
+        borderColor: blueGrey[50],
+        color: blueGrey[50],
+      }}
+    >
+      <Typography variant="caption">{label}</Typography>
+    </Box>
+  );
+}