feat(WEB-154): my profile view

types/components/max-width.ts

@@ -0,0 +1,3 @@
+export interface MaxWidthProps extends React.HTMLAttributes<HTMLElement> {
+  tag?: "article" | "div" | "main" | "section"
+}

types/components/myPages/breadcrumbs.ts

@@ -0,0 +1,10 @@
+import type { LangParams } from "@/types/params"
+
+type Breadcrumb = {
+  href?: string
+  title: string
+}
+
+export type BreadcrumbsProps = LangParams & {
+  breadcrumbs: Record<string, Breadcrumb[]>
+}

types/components/myPages/myProfile/card/card.ts

@@ -0,0 +1,3 @@
+export interface CardProps extends React.HTMLAttributes<HTMLElement> {
+  tag?: "article" | "div" | "section"
+}

types/components/myPages/myProfile/card/title.ts

@@ -0,0 +1,11 @@
+import { headingVariants } from "@/components/MyProfile/Card/Title/variants"
+
+import type { VariantProps } from "class-variance-authority"
+
+type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
+
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
+  as?: HeadingLevel
+  level?: HeadingLevel
+  uppercase?: boolean
+}

types/components/myPages/myProfile/profile.ts

@@ -0,0 +1,5 @@
+import type { User } from "@/types/user"
+
+export interface ProfileProps extends React.HTMLAttributes<HTMLElement> {
+  user: User
+}

types/components/myPages/title.ts

@@ -1,6 +1,10 @@
-type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5"
+import { headingVariants } from "@/components/MyPages/Title/variants"
 
-export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+import type { VariantProps } from "class-variance-authority"
+
+type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
+
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
   as?: HeadingLevel
   level?: HeadingLevel
   uppercase?: boolean