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

components/TempDesignSystem/Text/Footnote/index.tsx

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