feat(WEB-250): overview hero final ui

components/TempDesignSystem/Title/index.tsx

@@ -0,0 +1,25 @@
+import { headingVariants } from "./variants"
+
+import type { HeadingProps } from "./title"
+
+export default function Title({
+  as,
+  children,
+  className = "",
+  color,
+  hideEmpty = true,
+  level = "h1",
+  textTransform,
+}: HeadingProps) {
+  if (hideEmpty && !children) {
+    return null
+  }
+  const Hx = level
+  const classNames = headingVariants({
+    className,
+    color,
+    textTransform,
+    type: as ?? level,
+  })
+  return <Hx className={classNames}>{children}</Hx>
+}