<template>
  <section class="h-full | grid-center">
    <div
      class="card | items-center | text-center | w-full max-w"
      style="--row-gap: var(--space-32); --max-w: 27.5rem"
    >
      <h2 class="font-serif text-lg">Créez votre premier brief de projet !</h2>
      <p class="text-grey-700">
        Bienvenu à votre nouvel espace de projet. <br />Commencez par consulter
        les inspirations <br />et partagez vos intentions !
      </p>
      <button
        class="btn | w-full"
        @click="emit('update:step', 'ModeSelection')"
      >
        Commencer
      </button>
    </div>
  </section>
</template>
<script setup>
const emit = defineEmits(["update:step"]);
</script>
