<script setup>

import { Button } from '@cloudron/pankow';
import PublicPageLayout from '../components/PublicPageLayout.vue';

// coming from oidc_error.html server-side rendered
const cloudronName = window.cloudron.name;
const iconUrl = window.cloudron.iconUrl;
const errorMessage = window.cloudron.errorMessage;
const footer = window.cloudron.footer;

</script>

<template>
  <PublicPageLayout :footer-html="footer" :icon-url="iconUrl" :cloudron-name="cloudronName">
    <div style="max-width: 300px;">
      <h2>{{ name }} OpenID Error</h2>
      <div>{{ errorMessage }}</div>
      <br/>
      <Button href="/">{{ $t('passwordReset.backToLoginAction') }}</Button>
    </div>
  </PublicPageLayout>
</template>
