31 lines
755 B
TypeScript
31 lines
755 B
TypeScript
import { cva } from "class-variance-authority"
|
|
|
|
import { AccountCircleIcon } from "@/components/Icons"
|
|
import Card from "@/components/MyProfile/Card"
|
|
import Title from "@/components/TempDesignSystem/Text/Title"
|
|
|
|
import styles from "./profile.module.css"
|
|
|
|
import type { ContainerProps } from "@/types/components/myPages/myProfile/container"
|
|
|
|
const profileStyles = cva(styles.profile)
|
|
|
|
export default function Container({
|
|
children,
|
|
className,
|
|
user,
|
|
...props
|
|
}: ContainerProps) {
|
|
return (
|
|
<Card className={profileStyles({ className })} {...props}>
|
|
<header className={styles.header}>
|
|
<AccountCircleIcon />
|
|
<Title as="h4" level="h2">
|
|
{user.name}
|
|
</Title>
|
|
</header>
|
|
{children}
|
|
</Card>
|
|
)
|
|
}
|