<template>
  <section class="section" id="cartItem">
    <div class="media">
      <figure class="media-left image is-square">
        <img :src="thumbnail" :title="name" />
      </figure>
      <div class="media-content">
        <div class="field">
          <p class="control">
            <textarea
              class="textarea"
              placeholder="Add a comment..."
            ></textarea>
          </p>
        </div>
        <nav class="level">
          <div class="level-left">
            <div class="level-item">
              <a class="button is-info">Submit</a>
            </div>
          </div>
          <div class="level-right">
            <div class="level-item">
              <label class="checkbox">
                <input type="checkbox" /> Press enter to submit
              </label>
            </div>
          </div>
        </nav>
      </div>
    </div>
  </section>
</template>

<script>
export default {
  name: "CartItem"
};
</script>
