<template>
  <section class="py-1 text-center container">
    <div class="row py-lg-3">
      <div class="col-lg-6 col-md-8 mx-auto">
        <h1 class="mb-3 text-center">Detect Result</h1>
        <img
          class="img-thumbnail my-2 w-25"
          :src="imageUrl"
          :alt="'Disease ' + diseaseName"
        />
        <h3 class="my-1">{{ diseaseName }}</h3>
        <p class="my-1 lead text-muted">
          Trustworthiness: {{ trustworthiness }}
        </p>
      </div>
    </div>
  </section>
</template>

<script>
export default {
  props: {
    diseaseName: { type: String },
    imageUrl: { type: String },
    trustworthiness: { type: Number },
  },
};
</script>

<style></style>
