import gradio as gr

def predict(text):
    # Votre logique de prédiction ici
    return text.upper()

# Définition des styles CSS personnalisés
custom_css = """
/* Modifier la couleur de fond de l'interface */
.gradio-interface {
    background-color: #f0f0f0;
}

/* Modifier la couleur du texte dans l'entrée */
.gradio-input {
    color: #333;
}

/* Modifier la couleur et la taille de la police dans la sortie */
.gradio-output {
    color: #0066ff;
    font-size: 20px;
}

/* Modifier le style du bouton de soumission */
.gradio-submit-button {
    background-color: #0066ff;
    color: white;
    border-radius: 5px;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

/* Modifier le style du bouton de réinitialisation */
.gradio-reset-button {
    background-color: #ff6666;
    color: white;
    border-radius: 5px;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}
"""

iface = gr.Interface(
    fn=predict,
    inputs=gr.inputs.Textbox(label="Entrez votre texte ici:"),
    outputs=gr.outputs.Textbox(label="Texte transformé:"),
    title="Transformer le texte en majuscules",
    css=custom_css
)
iface.launch()