<?php
/**
 * Empty state component — with Lucide icon and subtle animation.
 *
 * @var string $message
 * @var string $icon       Lucide icon name (e.g. 'inbox', 'search', 'file-x')
 * @var string $actionUrl  (optional)
 * @var string $actionLabel (optional)
 */
$message = $message ?? 'لا توجد بيانات لعرضها';
$iconName = $icon ?? 'inbox';
$actionUrl = $actionUrl ?? null;
$actionLabel = $actionLabel ?? null;
?>
<div class="empty-state">
    <div class="empty-state-icon">
        <i data-lucide="<?= e($iconName) ?>"></i>
    </div>
    <p class="empty-state-message"><?= e($message) ?></p>
    <?php if ($actionUrl && $actionLabel): ?>
        <a href="<?= e($actionUrl) ?>" class="btn btn-primary">
            <i data-lucide="plus" style="width:16px;height:16px;"></i>
            <?= e($actionLabel) ?>
        </a>
    <?php endif; ?>
</div>
