import React from 'react';
import style from './index.module.scss';

interface AvatarProps {
  img?: string;
  size?: 'xl' | 'lg' | 'md' | 'sm';
  initials?: string;
}

const Avatar: React.FC<AvatarProps> = ({ img, size = 'sm', initials }) => {
  const sizeClass = size ? style[size] : style.sm;

  return (
    <div className={`${style.avatar} ${sizeClass}`}>
      {img ? (
        <img src={img} alt="avatar" />
      ) : (
        initials && <span>{initials}</span>
      )}
    </div>
  );
};

export default Avatar;