<template>

  <div class="description-wrapper">
    <h3>Give us some more information, the more the better!</h3>
    <Textarea v-model="plantStateStore.plantDataDescription" placeholder="Does your plant have any known sicknesses? Is it large? Does your pet nibble on it?"/>
  </div>

</template>

<script setup>
import Textarea from 'primevue/textarea';
import {usePlantStateStore} from "@/stores/plantState.js";

const plantStateStore = usePlantStateStore();


</script>

<style scoped>
textarea {
  width: 100%;
  height: 10rem;
  padding: 1rem;
}

.description-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
</style>
