<template>
  <q-dialog ref="dialogRef" @hide="onDialogHide">
    <q-card class="q-dialog-plugin" style="width: 100%; max-width: 400px">
      <DefaultDialogHeader title="Ações do Contrato" @close="onDialogCancel" />

      <q-card-section class="q-pt-sm column q-gutter-sm">
        <q-btn
          unelevated
          color="teal-3"
          text-color="white"
          label="Congelar"
          size="md"
          class="full-width"
          @click="onDialogOK('frozen')"
        />
        <q-btn
          unelevated
          color="deep-orange"
          text-color="white"
          label="Cancelar"
          size="md"
          class="full-width"
          @click="onDialogOK('cancelled')"
        />
      </q-card-section>
    </q-card>
  </q-dialog>
</template>

<script setup>
import { useDialogPluginComponent } from "quasar";
import DefaultDialogHeader from "src/components/defaults/DefaultDialogHeader.vue";

defineEmits([...useDialogPluginComponent.emits]);

const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } =
  useDialogPluginComponent();
</script>
