feat(WEB-154): my profile view

components/MyProfile/Card/Title/index.tsx

@@ -0,0 +1,21 @@
+import { headingVariants } from "./variants"
+
+import type { HeadingProps } from "@/types/components/myPages/myProfile/card/title"
+
+export default function Title({
+  as,
+  children,
+  className = "",
+  level = "h1",
+  uppercase = false,
+  weight,
+}: HeadingProps) {
+  const Hx = level
+  const classNames = headingVariants({
+    className,
+    text: uppercase ? "uppercase" : undefined,
+    type: as ?? level,
+    weight,
+  })
+  return <Hx className={classNames}>{children}</Hx>
+}