<template>
  <div>
    <div class="q-pa-md" style="min-height: 70vh; overflow-y: scroll">04</div>
    <q-separator />
    <div class="flex justify-end q-px-md q-gutter-sm">
      <q-btn
        flat
        round
        color="public"
        icon="mdi-content-save-outline"
        @click="next"
      >
        <q-tooltip>บันทึก</q-tooltip>
      </q-btn>
      <q-btn flat round color="primary" icon="chevron_left" @click="previous">
        <q-tooltip>ย้อนกลับ</q-tooltip>
      </q-btn>
      <!-- <q-btn flat round color="primary" icon="chevron_right" @click="next">
        <q-tooltip>ต่อไป</q-tooltip>
      </q-btn> -->
    </div>
  </div>
</template>
<script setup lang="ts">
import { ref } from "vue";

const props = defineProps({
  next: {
    type: Function,
    default: () => console.log("not function"),
  },
  previous: {
    type: Function,
    default: () => console.log("not function"),
  },
});

const next = () => props.next();
const previous = () => props.previous();
</script>
