<template>
  <section class="py-5 text-center container">
    <div class="row py-lg-5">
      <div class="col-lg-6 col-md-8 mx-auto">
        <h1 class="fw-light">Skin Disease Detection</h1>
        <p class="lead text-muted">
          Know more about your skin, before it's too late!
        </p>
        <p>
          <button
            type="button"
            class="btn btn-primary my-2"
            @click.prevent="onUploadClicked"
          >
            Upload a Image
          </button>
        </p>
      </div>
    </div>
  </section>
</template>

<script>
export default {
  methods: {
    onUploadClicked() {
      const detectData = {
        diseaseName: "Test",
        trustworthiness: 0.12,
        detectImageUrl: "https://www.baidu.com",
      };

      this.$emit("detect-responsed", detectData);
    },
  },
};
</script>

<style></style>
