Add basic typography styles

thesis · Nov 20, 2023 · 882a059 · 882a059
1 parent 51612f5
commit 882a059
Showing 1 changed file with 28 additions and 0 deletions.
diff --git a/dapp/src/components/Typography/index.tsx b/dapp/src/components/Typography/index.tsx
@@ -0,0 +1,28 @@
+import React from "react"
+import { Text, TextProps } from "@chakra-ui/react"
+
+export function BodySm(props: TextProps) {
+  return (
+    <Text
+      as="p"
+      fontWeight="400"
+      fontSize="14px"
+      lineHeight="24px"
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      {...props}
+    />
+  )
+}
+
+export function BodyMd(props: TextProps) {
+  return (
+    <Text
+      as="p"
+      fontWeight="400"
+      fontSize="16px"
+      lineHeight="24px"
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      {...props}
+    />
+  )
+}