<template>
  <div class="state state-error" role="alert">
    <strong>{{ title }}</strong>
    <p v-if="message">{{ message }}</p>
    <button v-if="retry" class="ui-button ui-button-danger" type="button" @click="retry">
      Retry
    </button>
  </div>
</template>

<script setup>
defineProps({
  title: {
    type: String,
    default: "Request failed",
  },
  message: {
    type: String,
    default: "",
  },
  retry: {
    type: Function,
    default: null,
  },
});
</script>