<template>
  <div id="addNewProduct">
    <button class="button is-primary">
      + Add New
    </button>
    <NewProductModal v-if="modalEnabled"></NewProductModal>
  </div>
</template>

<script>
import NewProductModal from "./NewProductModal.vue";
export default {
  name: "AddNewProduct",
  components: {
    NewProductModal
  },
  data: function() {
    return {
      modalEnabled: true
    };
  }
};
</script>
