33 lines
757 B
TypeScript
33 lines
757 B
TypeScript
import { cva } from "class-variance-authority"
|
|
|
|
import Card from "@/components/MyProfile/Card"
|
|
import Image from "@/components/Image"
|
|
|
|
import styles from "./profile.module.css"
|
|
|
|
import type { ProfileProps } from "@/types/components/myPages/myProfile/profile"
|
|
|
|
const profileStyles = cva(styles.profile)
|
|
|
|
export default function Container({
|
|
children,
|
|
className,
|
|
user,
|
|
...props
|
|
}: ProfileProps) {
|
|
return (
|
|
<Card className={profileStyles({ className })} {...props}>
|
|
<header className={styles.header}>
|
|
<Image
|
|
alt="Account Icon"
|
|
height={40}
|
|
src="/account_circle.svg"
|
|
width={40}
|
|
/>
|
|
<Card.Title uppercase>{user.name}</Card.Title>
|
|
</header>
|
|
{children}
|
|
</Card>
|
|
)
|
|
}
|