import gradio as gr

# Définition du CSS personnalisé
custom_css = """
#warning {
    background-color: #FFCCCB;
}
.feedback textarea {
    font-size: 24px !important;
}
"""

# Création de l'interface avec le CSS personnalisé
with gr.Blocks(css=custom_css) as demo:
    # Composant Textbox avec la classe CSS "feedback"
    box1 = gr.Textbox(value="Bonne travail", elem_classes="feedback")
    
    # Composant Textbox avec l'ID "warning" et la classe CSS "feedback"
    box2 = gr.Textbox(value="Échec", elem_id="warning", elem_classes="feedback")
    
# L'interface est automatiquement lancée lorsqu'elle est définie avec Gradio Blocks