<template>
  <v-dialog v-model="dialog" max-width="400">
    <v-card>
      <v-card-text>
        <SummaryPurchase :id="id"/>
      </v-card-text>
      <v-card-actions>
        <v-spacer></v-spacer>
        <v-btn text @click="dialog = false">Cerrar</v-btn>
      </v-card-actions>
    </v-card>
  </v-dialog>
</template>

<script>
  export default {
    name: 'SummaryPurchase Modal',
    props: {
      id: {
        type: Number,
        required: true,
      }
    },
    data() {
      return {
        dialog: false,
      }
    },
  }
</script>
