"use client";

import * as RadixAvatar from "@radix-ui/react-avatar";

export interface AvatarProps  {
  text?: string;
};

export default function Avatar({ text = "AA" }: AvatarProps) {
  return (
    <RadixAvatar.Root className="fl-bg-black/20 fl-h-12 fl-w-12 fl-flex fl-items-center fl-justify-center fl-rounded-full">
      <RadixAvatar.Image />
      <RadixAvatar.Fallback className="fl-uppercase">{text}</RadixAvatar.Fallback>
    </RadixAvatar.Root>
  );
}