import panel as pn

pn.extension(sizing_mode="stretch_width")

INTRO = """
# Awesome Panel on Hugging Face Spaces

<a href="https://awesome-panel.org" target="_blank">Awesome Panel</a> supports the powerful data app framework <a href="https://panel.holoviz.org" target="_blank">Panel</a> and its users. Now on Hugging Face Spaces 🤗.

You can also deploy Panel apps on Hugging Face Spaces. For details check out the <a href="https://github.com/holoviz/panel/blob/feature/hugging-face-deployment/doc/user_guide/Server_Deployment.md#hugging-face" target="_blank">Panel Hugging Face Deployment guide</a>.

Now check out some of our example apps by clicking the links below.

[videostream](videostream), ... more is coming soon 🤗
"""

some_component = pn.panel(INTRO)

pn.template.FastListTemplate(
    site="Awesome Panel 🤗", title="Hello Hugging Face World", main=[some_component],
    favicon="https://sharing.awesome-panel.org/favicon.ico", accent="#fef3c7", header_color="#4b5563"
).servable()