<template>
  <GnAlert variant="danger" role="alert">
    <strong>{{ title }}</strong>
    <p v-if="message">{{ message }}</p>
    <GnButton v-if="retry" variant="danger" @click="retry">Retry</GnButton>
  </GnAlert>
</template>

<script setup>
import { GnAlert, GnButton } from "gnexus-ui-kit/vue";

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