import React from "react";
import PropTypes from "prop-types";
import "./Avatar.scss";

/**
 * Round avatar image, used for the portrait next to a {@link Quote}.
 *
 * @param {Object} props
 * @param {string} props.src - Image URL.
 * @param {string} props.alt - Alt text.
 */
export const Avatar = ({ src, alt }) => {
  return (
    <div className={`avatar`}>
      <img src={src} alt={alt} />
    </div>
  );
};

Avatar.propTypes = {
  src: PropTypes.string.isRequired,
  alt: PropTypes.string.isRequired,
};