import { Avatar } from "antd";
import { FaPaperPlane, FaRegTimesCircle } from "react-icons/fa";
import { User } from "@nirvana/common/models/user";
import UserAvatar from "./UserAvatar";

export default function SelectedUserRow(props: { user: User }) {
  return (
    <span className="flex flex-row items-center py-1 border-t">
      <UserAvatar
        userFirstName={props.user.firstName}
        avatarUrl={props.user.avatarUrl}
        status={props.user.userStatus}
      />

      <span className="flex flex-col ml-2">
        <span className="text-teal-500 font-bold">{"Joe Smoe"}</span>
        <span className="text-slate-400 text-xs">{"joe@microsoft.com"}</span>
      </span>

      <button className="p-2 rounded-full hover:cursor-pointer text-orange-500 ml-auto">
        <FaRegTimesCircle className="ml-auto text-lg" />
      </button>
    </span>
  );
}