<script setup lang="ts">
import AppButton from '../AppButton.vue';

defineEmits<{ 'cancel': void }>()
defineProps<{ submitText?: string, cancelText?: string, disabled?: boolean }>()
</script>
<template>
  <div class="app-form-actions">
    <AppButton button-type="submit" :disabled="disabled ?? false">{{ submitText ?? 'Submit' }}</AppButton>
    <AppButton button-style="secondary" @click="$emit('cancel')" :disabled="disabled ?? false">{{ cancelText ?? 'Cancel'
      }}</AppButton>
  </div>
</template>
<style lang="css">
.app-form-actions {
  text-align: right;
}
</style>
