from gradio import Blocks,Row,Group,Markdown,Textbox,Button,DataFrame as GRDataFrame
from backend import Backend
def launch_frontend(backend:Backend):
    with Blocks() as frontend:
        Markdown("""
        自然言語処理モデル"Sentence BERT"を使って、ドラえもんのひみつ道具をあいまい検索。
        自分の言葉でひみつ道具を説明してください。
        """)
        with Group():
            query_textbox = Textbox(label="ひみつ道具の説明",max_lines=1)
            submit_button = Button("検索")
        result_table = GRDataFrame(label="検索結果")

        submit_button.click(backend.on_submit_button_press,inputs=query_textbox,outputs=result_table)
    frontend.launch()