Files
web/components/MyPages/Avatar/index.tsx
2024-06-19 17:12:38 +02:00

21 lines
437 B
TypeScript

import { getInitials } from "@/utils/user"
import styles from "./avatar.module.css"
import { User } from "@/types/user"
export default function Avatar({
firstName,
lastName,
}: {
firstName: User["firstName"]
lastName: User["lastName"]
}) {
const initials = getInitials(firstName, lastName)
return (
<span className={styles.avatar}>
<span className={styles.avatarInitialsText}>{initials}</span>
</span>
)
}