import React, { Component } from 'react';
import data from './data/data';
import { Card } from 'react-bootstrap';

export default class Cardloop extends Component {
  constructor() {
    super();
  }

  render() {
    const {
      address,
      price,
      typeRent,
      bedroom,
      bathroom,
      city,
    } = this.props.data;
    return (
      <div>
        <div className=''>
          <img
            src='https://react.semantic-ui.com/images/avatar/large/matthew.png'
            className='card-img-top'
          ></img>
        </div>
        <div className='card-body text-dark'>
          <h3>
            {' '}
            {price} / {typeRent}
          </h3>
          <h5>
            {bedroom} Bed, {bathroom} Baths
          </h5>
          <h5>
            {' '}
            {city}, {address}
          </h5>
        </div>
      </div>
    );
  }
}