More typescript

2021-07-09 16:22:35 +10:00
parent 45a4443dd1
commit ecfab87aa0
66 changed files with 1350 additions and 1233 deletions
@@ -0,0 +1,29 @@
+import React from "react";
+import { Box, Text } from "theme-ui";
+
+function DiceButtonCount({ children }: { children: React.ReactNode }) {
+  return (
+    <Box
+      sx={{
+        position: "absolute",
+        top: "50%",
+        right: "90%",
+        transform: "translateY(-50%)",
+        height: "14px",
+        display: "flex",
+        alignItems: "center",
+      }}
+    >
+      <Text
+        variant="caption"
+        as="p"
+        color="text"
+        sx={{ fontSize: "10px", fontWeight: "bold" }}
+      >
+        {children}
+      </Text>
+    </Box>
+  );
+}
+
+export default DiceButtonCount;