formbricks/packages/ui/components/Avatars.tsx

import Avatar from "boring-avatars";

const colors = ["#00C4B8", "#ccfbf1", "#334155"];

interface PersonAvatarProps {
  personId: string;
}

export const PersonAvatar: React.FC<PersonAvatarProps> = ({ personId }) => {
  return <Avatar size={40} name={personId} variant="beam" colors={colors} />;
};

interface ProfileAvatar {
  userId: string;
}

export const ProfileAvatar: React.FC<ProfileAvatar> = ({ userId }) => {
  return <Avatar size={40} name={userId} variant="bauhaus" colors={colors} />;
};