أنت تعمل على تطبيق ويب يحتوي على شريط تنقل يحتوي على عناصر قائمة متنوعة. أحد عناصر القائمة عبارة عن قائمة ضغط تعمل على توسيع القائمة الجانبية وطيها عند النقر عليها. يظهر أدناه ترميز HTML لشريط التنقل هذا:

```أتش تي أم أل
<ul class="navbar-nav">
    <!-- اضغط على القائمة -->
    <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
    </لي>
    @if (هوية المستخدم.IsAuthenticated)
    ...
</ul>
```

مهمتك هي كتابة دالة تنشئ علامة HTML لشريط التنقل باستخدام عنصر قائمة الدفع. يجب أن تأخذ الوظيفة مجموعة من عناصر القائمة وترجع علامة HTML المقابلة.

يجب أن يكون توقيع الوظيفة:
```جافا سكريبت
وظيفة توليدNavigationBar(menuItems) {
    // الكود الخاص بك هنا
}
```

معلمات الوظيفة:
- `menuItems` (1 <= MenuItems.length <= 10): مصفوفة من السلاسل تمثل عناصر القائمة التي سيتم تضمينها في شريط التنقل.

يعود:
- سلسلة تمثل علامة HTML لشريط التنقل مع عنصر قائمة الدفع.

ملحوظة:
- يتم استخدام السمة `data-widget="pushmenu"` الموجودة في العلامة `<a>` بواسطة كود JavaScript الخاص بالتطبيق للتعامل مع وظيفة قائمة الدفع. لا تقم بتعديل أو إزالة هذه السمة.
- يجب فقط إرجاع العنصر `<li>` الذي يحتوي على عنصر قائمة الدفع. تتم معالجة عناصر القائمة الأخرى وعلامات HTML المقابلة لها من خلال جزء مختلف من التطبيق.
{"source": "argilla/DistiCoder-dpo-binarized", "kind": "synthetic", "evolved_from": null}