from fasthtml.common import *


def create_faq():
    faq_items = [
        (
            "كيف يمكنني البحث عن الطعام؟",
            "يمكنك كتابة اسم الطعام باللغة العربية أو الإنجليزية في مربع البحث",
        ),
        (
            "ما هي وحدة قياس السعرات الحرارية؟",
            "السعرات الحرارية مقاسة لكل 100 جرام من الطعام",
        ),
        ("هل المعلومات دقيقة؟", "نعم، المعلومات مأخوذة من قاعدة بيانات موثوقة للأغذية"),
    ]
    faq_list = [
        Details(Summary(question), P(answer), cls="faq-item")
        for question, answer in faq_items
    ]
    return Section(
        H2("الأسئلة الشائعة عن السعرات الحرارية"),
        *faq_list,
        cls="faq-section container",
    )