text: import React from "react";
  import { Link } from "react-router-dom";
  
  const Room = (props) => {
    const { _id, title, img1, des, type, price } = props.data;
  
    return (
      <div className="col-md-4">
        <div className="main-services">
          <img src={img1} className="width-100" alt="pic" />
  
          <h3>
            <Link to={`rooms/${_id}`}>{title}</Link>
          </h3>
  
          <p>{des.slice(0, 100)}</p>
          <div className="d-flex justify-content-center">
            <p>
              Rate: <span className="text-dark">{price}$</span>
            </p>
            <p>
              Type: <span className="text-dark">{type}</span>
            </p>
          </div>
        </div>
      </div>
    );
  };
  
  export default Room;
  