import { getInitials } from "@/utils/user"

import styles from "./avatar.module.css"

import type { User } from "@scandic-hotels/trpc/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 data-hj-suppress className={styles.avatarInitialsText}>
        {initials}
      </span>
    </span>
  )
}