import gradio as gr
from gradio_huggingfacehub_search import HuggingfaceHubSearch


with gr.Blocks() as demo:
    gr.Markdown("# 💫 Preview dataset 💫")
    dataset_name = HuggingfaceHubSearch(
            label="Hub Dataset ID",
            placeholder="Search for dataset id on Huggingface",
            search_type="dataset",
            value="HuggingFaceFW/fineweb",
        )

    @gr.render(inputs=dataset_name)
    def embed(name):
        html_code = f"""
        <iframe
          src="https://huggingface.co/datasets/{name}/embed/viewer/default/train"
          frameborder="0"
          width="100%"
          height="1000px"
        ></iframe>
            """
        return gr.HTML(value=html_code)


demo.launch()