<template>

  <div>

    <h1 class="title">Creating Log for {{ log.recipe.name }}</h1>

    <p>Edit Rating</p>

    <p>Edit Date</p>

    <app-text-field label="Notes" :value="log.notes" type="textarea"></app-text-field>

    <recipe-edit :recipe="log.recipe" :for-logging="true"></recipe-edit>

  </div>

</template>

<script>

  import RecipeEdit from "./RecipeEdit";

  export default {
    props: {
      log: {
        required: true,
        type: Object
      }
    },

    components: {
      RecipeEdit
    }
  }

</script>

<style lang="scss" scoped>
</style>