import{s as P,n as z,o as Q}from"../chunks/scheduler.d6170356.js";import{S as Z,i as k,g as d,s as c,r as y,A as N,h as u,f as e,c as m,j as H,u as U,x,k as L,y as R,a,v,d as E,t as B,w as G}from"../chunks/index.fcd4cc08.js";import{C as W}from"../chunks/CodeBlock.db16bf50.js";import{H as A,E as J}from"../chunks/getInferenceSnippets.0f6acb26.js";function q(C){let n,g,h,$,l,j,p,T="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,w,r,F='For additional settings, refer to the <a href="./spaces-config-reference">Reference</a> section.',S,i,b,f,_;return l=new A({props:{title:"Spaces Settings",local:"spaces-settings",headingTag:"h1"}}),o=new W({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}}),i=new J({props:{source:"https://github.com/huggingface/hub-docs/blob/main/docs/hub/spaces-settings.md"}}),{c(){n=d("meta"),g=c(),h=d("p"),$=c(),y(l.$$.fragment),j=c(),p=d("p"),p.innerHTML=T,M=c(),y(o.$$.fragment),w=c(),r=d("p"),r.innerHTML=F,S=c(),y(i.$$.fragment),b=c(),f=d("p"),this.h()},l(s){const t=N("svelte-u9bgzb",document.head);n=u(t,"META",{name:!0,content:!0}),t.forEach(e),g=m(s),h=u(s,"P",{}),H(h).forEach(e),$=m(s),U(l.$$.fragment,s),j=m(s),p=u(s,"P",{"data-svelte-h":!0}),x(p)!=="svelte-c8wzrt"&&(p.innerHTML=T),M=m(s),U(o.$$.fragment,s),w=m(s),r=u(s,"P",{"data-svelte-h":!0}),x(r)!=="svelte-1eo2tqv"&&(r.innerHTML=F),S=m(s),U(i.$$.fragment,s),b=m(s),f=u(s,"P",{}),H(f).forEach(e),this.h()},h(){L(n,"name","hf:doc:metadata"),L(n,"content",D)},m(s,t){R(document.head,n),a(s,g,t),a(s,h,t),a(s,$,t),v(l,s,t),a(s,j,t),a(s,p,t),a(s,M,t),v(o,s,t),a(s,w,t),a(s,r,t),a(s,S,t),v(i,s,t),a(s,b,t),a(s,f,t),_=!0},p:z,i(s){_||(E(l.$$.fragment,s),E(o.$$.fragment,s),E(i.$$.fragment,s),_=!0)},o(s){B(l.$$.fragment,s),B(o.$$.fragment,s),B(i.$$.fragment,s),_=!1},d(s){s&&(e(g),e(h),e($),e(j),e(p),e(M),e(w),e(r),e(S),e(b),e(f)),e(n),G(l,s),G(o,s),G(i,s)}}}const D='{"title":"Spaces Settings","local":"spaces-settings","sections":[],"depth":1}';function V(C){return Q(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class K extends Z{constructor(n){super(),k(this,n,V,q,P,{})}}export{K as component};
