<script setup>
  import RiClose from '~icons/ri/close-circle-fill';
  const { getDetails } = useCMS();
  const email = await getDetails("contact_email");
</script>

<template>
  <div class="mx-auto max-w-xl shadow-xl">
    <div class="bg-secondary px-8 py-4 rounded-t-md">
      <h2 class="text-3xl font-bold text-white sm:text-4xl">
        <RiClose class="inline" />&nbsp;&nbsp;RSVPs Closed
      </h2>
    </div>
    <div class="bg-white p-8 rounded-b-md">
      <p>If you need to make a change to your RSVP, please contact us directly.  You can email us 
        at <a :href="`mailto:${email}?subject=[Contact] RSVP Help`">{{ email }}</a>.
      </p>
      <p class="mt-8 ml-8">&mdash;&nbsp;&nbsp;Marissa &amp; David</p>
    </div>
  </div>
</template>