import gradio as gr
from gradio_modal import Modal


def create_figures_tab():
    sources_raw = gr.State()
    new_figures = gr.State([])
    used_figures = gr.State([])
    
    with Modal(visible=False, elem_id="modal_figure_galery") as figure_modal:
        gallery_component = gr.Gallery(
            object_fit='scale-down',
            elem_id="gallery-component",
            height="80vh"
        )
        
    show_full_size_figures = gr.Button(
        "Show figures in full size",
        elem_id="show-figures",
        interactive=True
    )
    show_full_size_figures.click(
        lambda: Modal(visible=True),
        None,
        figure_modal
    )

    figures_cards = gr.HTML(show_label=False, elem_id="sources-figures")
    
    return sources_raw, new_figures, used_figures, gallery_component, figures_cards, figure_modal