feat(WEB-249): first iteration design system primitives (typography, grid)

components/TempDesignSystem/Text/Body/index.tsx

@@ -0,0 +1,17 @@
+import { bodyVariants } from "./variants"
+
+import type { BodyProps } from "./body"
+
+export default function Body({
+  children,
+  className = "",
+  color,
+  textTransform,
+}: BodyProps) {
+  const classNames = bodyVariants({
+    className,
+    color,
+    textTransform,
+  })
+  return <p className={classNames}>{children}</p>
+}