import React, { Component } from 'react';
import './App.css';
import Customer from './components/Customer'

const customers =[
  {
  'id': 1,
  'image': 'https://placeimg.com/64/64/any',
  'name': '이혜연',
  'birthday': '000416',
  'gender': '여자',
  'job': '대학생'
},
{
  'id': 2,
  'image': 'https://placeimg.com/64/64/2',
  'name': '김다은',
  'birthday': '000101',
  'gender': '여자',
  'job': '재수생'
},
{
  'id': 3,
  'image': 'https://placeimg.com/64/64/3',
  'name': '김석희',
  'birthday': '900103',
  'gender': '남자',
  'job': '회사원'
},

]

class App extends Component {
  render() {
    return (
      <div>
        {
          customers.map(c=> { return (<Customer key={c.id} id={c.id} image={c.image} name={c.name} birthday={c.birthday} gender={c.gender} job={c.job} />
            )
          })
        }
      </div>
    );
  }
}



export default App;