import "./IconBubbles.scss";

/**
 * Decorative pair of icon bubbles (one big, one small) orbiting a
 * {@link Circle} in the CircleInfographic.
 *
 * @param {Object} props
 * @param {string} props.big - Icon URL for the big bubble.
 * @param {string} props.small - Icon URL for the small bubble.
 */
export const IconBubbles = ({ big, small }) => {
  return (
    <div className="iconbubblewrapper">
      <div className="bubbleicon__big">
        <img src={big} alt="" />
      </div>
      <div className="bubbleicon__small">
        <img src={small} alt="" />
      </div>
    </div>
  );
};