text: import React from "react";
  import PropTypes from "prop-types";
  
  import "../../../styles/event/lower-section/event_card.css";
  import roughBg from "../../../assets/_rough/event_bg.svg";
  
  const titleRightAlignStyles = {
    textAlign: "right",
  };
  const descriptionRightAlignStyles = {
    textAlign: "right",
    justifyContent: "flex-end",
  };
  function EventCard({ isRight, description, title, imageURL, redirectURL }) {
    return (
      <a
        href={`${redirectURL}`}
        target="_blank"
        rel="noopener noreferrer"
        className={`event-card-wrapper-wrapper ${
          isRight
            ? "event-card-wrapper-wrapper-is-right"
            : "event-card-wrapper-wrapper-is-left"
        }`}
      >
        <div className="event-card-image-wrapper">
          <img src={imageURL} alt="event-bg" />
          <div
            className="event-card-description"
            style={isRight ? descriptionRightAlignStyles : null}
          >
            <div>{description}</div>
          </div>
        </div>
        <div
          className="event-card-title"
          style={isRight ? titleRightAlignStyles : null}
        >
          {title}
        </div>
      </a>
    );
  }
  
  EventCard.propTypes = {
    isRight: PropTypes.bool,
  };
  
  export default EventCard;
  