<template>
  <div class="col" :hidden="!visible">
    <h1 class="mb-3 text-center">Detect Result</h1>
    <img :src="imageUrl" :alt="'Disease ' + diseaseName" />
    <p>Trustworthiness: {{ trustworthiness }}</p>
  </div>
</template>

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

<style></style>
