// AvatarMenu.tsx
import { IonAvatar } from "@ionic/react";
import { menuController } from "@ionic/core";

const AvatarMenu: React.FC<{ userInfo: any; settings: any }> = ({
 userInfo,
 settings,
}) => {
 return (
  <IonAvatar
   onClick={() => menuController.open()}
   style={{ cursor: "pointer" }}
  >
   <img
    alt="Avatar"
    src={
     userInfo?.photo
      ? settings?.domain + userInfo.photo
      : "assets/images/avatar.svg"
    }
    style={{ height: "50px", width: "50px" }}
   />
  </IonAvatar>
 );
};

export default AvatarMenu;