import{s as x,n as L,o as P}from"../chunks/scheduler.d6170356.js";import{S as z,i as Q,g as f,s as c,r as v,A as Z,h as d,f as e,c as i,j as b,u as E,x as B,k as G,y as k,a,v as C,d as T,t as F,w as H}from"../chunks/index.fcd4cc08.js";import{C as N}from"../chunks/CodeBlock.7b16bdef.js";import{H as R}from"../chunks/Heading.8660bd0e.js";function W(y){let n,u,m,g,l,j,p,U="You can configure your Space’s appearance and other settings inside the <code>YAML</code> block at the top of the <strong>README.md</strong> file at the root of the repository. For example, if you want to create a Space with Gradio named <code>Demo Space</code> with a yellow to orange gradient thumbnail:",M,o,S,r,$='For additional settings, refer to the <a href="./spaces-config-reference">Reference</a> section.',w,h,_;return l=new R({props:{title:"Spaces Settings",local:"spaces-settings",headingTag:"h1"}}),o=new N({props:{code:"LS0tJTBBdGl0bGUlM0ElMjBEZW1vJTIwU3BhY2UlMEFlbW9qaSUzQSUyMCVGMCU5RiVBNCU5NyUwQWNvbG9yRnJvbSUzQSUyMHllbGxvdyUwQWNvbG9yVG8lM0ElMjBvcmFuZ2UlMEFzZGslM0ElMjBncmFkaW8lMEFhcHBfZmlsZSUzQSUyMGFwcC5weSUwQXBpbm5lZCUzQSUyMGZhbHNlJTBBLS0t",highlighted:`<span class="hljs-meta">---</span>
<span class="hljs-attr">title:</span> <span class="hljs-string">Demo</span> <span class="hljs-string">Space</span>
<span class="hljs-attr">emoji:</span> <span class="hljs-string">🤗</span>
<span class="hljs-attr">colorFrom:</span> <span class="hljs-string">yellow</span>
<span class="hljs-attr">colorTo:</span> <span class="hljs-string">orange</span>
<span class="hljs-attr">sdk:</span> <span class="hljs-string">gradio</span>
<span class="hljs-attr">app_file:</span> <span class="hljs-string">app.py</span>
<span class="hljs-attr">pinned:</span> <span class="hljs-literal">false</span>
<span class="hljs-meta">---</span>`,wrap:!1}}),{c(){n=f("meta"),u=c(),m=f("p"),g=c(),v(l.$$.fragment),j=c(),p=f("p"),p.innerHTML=U,M=c(),v(o.$$.fragment),S=c(),r=f("p"),r.innerHTML=$,w=c(),h=f("p"),this.h()},l(s){const t=Z("svelte-u9bgzb",document.head);n=d(t,"META",{name:!0,content:!0}),t.forEach(e),u=i(s),m=d(s,"P",{}),b(m).forEach(e),g=i(s),E(l.$$.fragment,s),j=i(s),p=d(s,"P",{"data-svelte-h":!0}),B(p)!=="svelte-c8wzrt"&&(p.innerHTML=U),M=i(s),E(o.$$.fragment,s),S=i(s),r=d(s,"P",{"data-svelte-h":!0}),B(r)!=="svelte-1eo2tqv"&&(r.innerHTML=$),w=i(s),h=d(s,"P",{}),b(h).forEach(e),this.h()},h(){G(n,"name","hf:doc:metadata"),G(n,"content",A)},m(s,t){k(document.head,n),a(s,u,t),a(s,m,t),a(s,g,t),C(l,s,t),a(s,j,t),a(s,p,t),a(s,M,t),C(o,s,t),a(s,S,t),a(s,r,t),a(s,w,t),a(s,h,t),_=!0},p:L,i(s){_||(T(l.$$.fragment,s),T(o.$$.fragment,s),_=!0)},o(s){F(l.$$.fragment,s),F(o.$$.fragment,s),_=!1},d(s){s&&(e(u),e(m),e(g),e(j),e(p),e(M),e(S),e(r),e(w),e(h)),e(n),H(l,s),H(o,s)}}}const A='{"title":"Spaces Settings","local":"spaces-settings","sections":[],"depth":1}';function J(y){return P(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class I extends z{constructor(n){super(),Q(this,n,J,W,x,{})}}export{I as component};
