import "./ImageCard.scss";
/**
 * Card with an image and/or caption text. Rendered by {@link ImageCardGrid}.
 *
 * @param {Object} props
 * @param {string} [props.image] - Image URL.
 * @param {string} [props.text] - Caption text.
 */
export const ImageCard = ({ image, text }) => {
  return (
    <div className={`imagecard`}>
      {image ? (
        <div className="imagecard__image">
          <img src={image} alt="" />
        </div>
      ) : null}
      {text ? <div className="imagecard__text">{text}</div> : null}
    </div>
  );
};