adding in navbar and other components

2022-06-11 06:06:16 -05:00
parent 8ee5cc0886
commit 11c4ec5a53
10 changed files with 282 additions and 1 deletions
@@ -0,0 +1,27 @@
+import { Box, Paper, Typography } from '@mui/material';
+
+import { KeyboardShortcuts } from '../util/keyboard';
+import React from 'react';
+import { blueGrey } from '@mui/material/colors';
+
+export default function KeyboardShortcutLabel({
+  label,
+}: {
+  label: keyof typeof KeyboardShortcuts;
+}) {
+  return (
+    <Paper
+      elevation={0}
+      variant={'outlined'}
+      sx={{
+        px: 1,
+        py: 0.25,
+        bgcolor: blueGrey[50],
+        color: blueGrey[300],
+        border: 'none',
+      }}
+    >
+      <Typography variant="caption">{label}</Typography>
+    </Paper>
+  );
+}