<template>
  <!-- <div class="fixed-plugin" v-click-outside="closeDropDown"> -->
    <div class="dropdown show-dropdown" :class="{ show: isOpen }">
      <a data-toggle="dropdown" class="settings-icon">
        <i class="btn btn-info" @click="toggleDropDown">Nuevo </i>
      </a>
      <span class="dropdown-menu" :class="{ show: isOpen }">
        <card>
          <template slot="header">
            
            <img  src="img//card-info.png" alt="" />
          </template>
          <base-input
            label="Descripcion"
            v-model="newPresupuesto.nombrePresupuesto"
          ></base-input>
          <base-button
            
            type="info"
            class="mb-3 col-12"
            size="lg"
            @click="savePresupuesto()"
            >Guardar</base-button
          >

        </card>
      </span>
    </div>
  <!-- </div> -->
</template>

<script>
export default {
  name: "Fpresupuesto",
  props: ["newPresupuesto", "savePresupuesto","isOpen"],
  // data() {
    
  //   return {
  //      isOpen: false,
  //    };
  // },
  methods: {
    toggleDropDown() {
      this.isOpen = !this.isOpen;
    },
    closeDropDown() {
      this.isOpen = false;
    },
  },
};
</script>

<style scoped lang="scss">
.settings-icon {
  cursor: pointer;
}

.badge-vue {
  background-color: #ffffff;
}

.color_fondo {
  background-color: #ffffff;
}
</style>