import React from "react";
import userImage from "../../assets/images/user.png";

function Avatar({ source, size, rounded, status }) {
  return (
    <div className={`${rounded} overflow-hidden relative`}>
      <img
        src={source ? source : userImage}
        alt="avatar"
        style={{ width: size, height: size, objectFit: "contain" }}
      />
      {status && (
        <span className="w-1.5 h-1.5 rounded-full bg-green-500"></span>
      )}
    </div>
  );
}

export default Avatar;