<template>
  <div class="child">
    <img
      class="movieImage"
      :src="'https://image.tmdb.org/t/p/original/' + movie.poster_path"
    />
    <h2>{{ movie.title }}</h2>
    <h3>{{ movie.release_date }}</h3>
  </div>
</template>

<script>
export default {
  props: {
    movie: Array,
  },
};
</script>

<style scoped>
.movieImage {
  width: 50%;
}
.child {
  margin-left: auto;
  margin-right: auto;
}

table {
  border-collapse: collapse;
}

th,
td {
  border: 1px solid #000000;
  padding: 10px;
}
</style>
