import React from 'react'

const TableHeader = () => {
  return (
    <thead>
      <tr>
        <th>Destination</th>
        <th>Country</th>
      </tr>
    </thead>
  )
}

const TableBody = () => {
    return (
        <tbody>
          <tr>
            <td>Venice</td>
            <td>Italy</td>
          </tr>
          <tr>
            <td>Gili Islands</td>
            <td>Indonesia</td>
          </tr>
          <tr>
            <td>Kekova</td>
            <td>Turkey</td>
          </tr>
          <tr>
            <td>Zhangjiajie</td>
            <td>China</td>
          </tr>
        </tbody>
    )
}

class Table extends React.Component {
  render() {
    return (
      <table>
        <TableHeader />
        <TableBody />
      </table>
    )
  }
}


export default Table