import gradio as gr

with gr.Blocks() as demo:
    title = gr.HTML('<div id="component-2" class="block svelte-90oupt padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose  svelte-1ybaih5" id="component-2"><h1 align="center" id="space-title" class="typewriter">Subnet 30 Leaderboard</h1></div></div></div>')
    content = gr.HTML('<div id="component-3" class="block svelte-90oupt padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose  svelte-1ybaih5" id="component-3"><h2 align="center" class="typewriter"><a href="https://github.com/dolchain/taonet-subnet" target="_blank">Subnet 30</a> is a <a href="https://bittensor.com/" target="_blank">Bittensor</a> subnet that rewards miners for participating in distributed training on the <a href="https://huggingface.co/datasets/tiiuae/falcon-refinedweb" target="_blank">Falcon Refined Web dataset</a>.<br> Miners collaborate to create top-performing models, earning higher emissions for their contributions.</h2></div></div></div>')
    next_blocks = 55
    next_mins = 11
    next_reward_update = gr.HTML(f'<div id="component-4" class="block svelte-90oupt padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose  svelte-1ybaih5" id="component-4"><div align="center" style="font-size: larger;">Next reward update: <b>{next_blocks}</b> blocks (~{next_mins} minutes)</div></div></div></div>')
    
    top_models = gr.Label(label='Top Models', value={
                            "apple": 0.7,
                            "banana": 0.2,
                            "orange": 0.1
                            })
    
demo.launch(share=True)