<template>

  <div class="description-wrapper">
    <h3>What conditions are you going to put your plant in?</h3>
    <Textarea v-model="plantStateStore.conditionDataDescription" placeholder="Are you adding fertilizer? Are you watering it more?"/>
  </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;
}

h3 {
  margin-bottom: 1rem;
}
</style>
