<template>
    <!-- Entete de page standard : source unique du style des titres.
         Slot par defaut = texte du titre, slot #actions = boutons a droite.
         Sticky en haut du <main> scrollable : reste visible au scroll. Fond blanc
         + pt-[38px]/pb-[30px] (au lieu de marges) pour que le contenu defilant soit
         masque sous l'entete (espaces haut ET bas compris) et que l'entete soit
         collee sous le SiteSelector sans trou. pt = marge haute (38px),
         pb = espace titre -> contenu (30px). z-20 < drawers/modales. -->
    <div class="sticky top-0 z-20 flex items-center justify-between gap-4 bg-white pt-[38px] pb-[30px]">
        <h1 class="text-[30px] font-semibold text-primary-500">
            <slot/>
        </h1>
        <div v-if="$slots.actions" class="shrink-0">
            <slot name="actions"/>
        </div>
    </div>
</template>
