<template>
  <div class="posterParent">
    <img
      class="poster"
      :src="'https://image.tmdb.org/t/p/original/' + posterPath"
    />
  </div>
</template>

<script>
export default {
  props: {
    posterPath: String,
  },
};
</script>

<style scoped>
.poster {
  height: 100%;
}
.posterParent {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
</style>
