<script setup>
import conditionDetails from '@/components/conditionDetails.vue'
import conditionDescription from "@/components/conditionDescription.vue";
import Button from "primevue/button";
</script>

<template>
  <div class="plant-wrapper">
    <div class="loose">
      <h2>Insert your conditions</h2>
      <condition-description></condition-description>
      <Button type="button" label="Upload" icon="pi pi-search" :loading="loading" @click="load" />
    </div>
    <div class="precise">
      <condition-details></condition-details>
    </div>
  </div>

</template>

<style scoped>
.plant-wrapper {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: start;
  gap: 2rem;
}

.loose {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 30rem;
}
</style>
