import React, { Component } from 'react';
import data from './data/data';
import { Card, Icon, Image } from 'semantic-ui-react';

export default class Datacard extends Component {
  render() {
    return (
      <div>
        <div>
          {data.Property.map((data) => {
            return (
              <Card>
                <Image
                  src='https://react.semantic-ui.com/images/avatar/large/matthew.png'
                  wrapped
                  ui={false}
                />
                <Card.Content>
                  <Card.Header>
                    {data.price} / {data.typeRent}
                  </Card.Header>
                  <Card.Description>
                    {data.bedroom} Bed, {data.bathroom} Baths
                  </Card.Description>
                  <Card.Meta>
                    {data.city}, {data.address}
                  </Card.Meta>
                </Card.Content>
              </Card>
            );
          })}
        </div>
      </div>
    );
  }
}