1. import React from "react";
2.  
3. import Star from "../Images/Star/Star 1.png";
4.  
5. export default function Card(props) {
6.   const imagePath = require(`../Images/${props.img}`);
7.   let badgeText;
8.   if (props.openSpots === 0) {
9.   badgeText="SOLD OUT";
10. }
11. else {
12.   badgeText="ONLINE"
13. }
14.   return (
15.     <div className="card">
16.       {badgeText && <div className="card--badge">{badgeText}</div>}
17.       <img  className="card--image" />
18.       <div className="card--stats">
19.         <img  className="card--star" />
20.         <span>{props.rating}.0</span>
21.         <span className="gray">({props.reviewCount}) </span>
22.         <span className="gray">{props.location}</span>
23.       </div>
24.       <p className="card--title">{props.title}</p>
25.       <p>
26.         <strong>From {props.price}</strong> / person
27.       </p>
28.     </div>
29.   );
30. }
31.