Basic components for the project and stitches theme

components/LogText.tsx

@@ -0,0 +1,27 @@
+import { styled } from "../stitches.config";
+
+const Text = styled("span", {
+  fontFamily: "$monospace",
+  lineHeight: "$body",
+  color: "$text",
+  variants: {
+    variant: {
+      log: {
+        color: "$text",
+      },
+      warning: {
+        color: "$yellow11",
+      },
+      error: {
+        color: "$red11",
+      },
+    },
+    capitalize: {
+      true: {
+        textTransform: "capitalize",
+      },
+    },
+  },
+});
+
+export default Text;