<?php
/**
 * Reusable Section Header Partial
 *
 * @var string $headerTitle
 * @var string|null $headerEmoji
 * @var string $headerClass
 * @var string $headerEmojiClass
 * @var array $style
 */
$headerClass = $headerClass ?? 'text-center space-y-2';
$headerEmojiClass = $headerEmojiClass ?? 'text-3xl';
?>
<div class="<?= $headerClass ?>">
    <?php if (isset($headerEmoji) && $headerEmoji !== ''): ?>
        <span class="<?= $headerEmojiClass ?>"><?= $headerEmoji ?></span>
    <?php endif; ?>
    <h2 class="text-2xl <?= $style['fontSerif'] ?> font-bold <?= $style['textColor'] ?>"><?= $headerTitle ?></h2>
    <div class="w-12 h-0.5 bg-amber-400/40 mx-auto"></div>
</div>
