import{s as it,a as Xe,n as mt,o as ct}from"../chunks/scheduler.cc52f4b9.js";import{S as ut,i as dt,e as p,s as a,c as d,h as wt,a as o,d as l,b as n,f as ee,g as w,j as i,k as r,l as ft,m as s,n as f,t as y,o as J,p as h}from"../chunks/index.9480bb2b.js";import{C as yt,H as rt,E as Jt}from"../chunks/MermaidChart.svelte_svelte_type_style_lang.009dc98d.js";import{C as A}from"../chunks/CodeBlock.184aadb6.js";import{D as ht}from"../chunks/DocNotebookDropdown.6e3674fe.js";function Mt(Qe){let M,te,K,le,b,se,T,ae,g,ne,j,Pe="让我们从安装 Gradio 开始吧！与安装其他 Python 包一样，只需运行：",pe,x,oe,$,Re="Gradio 支持所有常见的平台，无论是从你最喜欢的 Python IDE、Jupyter notebook 还是 Google Colab 🤯！",re,U,qe="所以无论你在哪里运行 Python，都可以安装 Gradio！",ie,G,Se="让我们从一个简单的“Hello World”示例开始熟悉 Gradio 语法：",me,k,ce,I,Ye="让我们逐步解释上面的代码：",ue,C,Le="<li>首先，我们定义一个名为 <code>greet()</code> 的函数。在这个例子中，它是一个在你的名字前添加“Hello”的简单函数，不过它可以被替换为任意的 Python 函数。例如，在机器学习的演示中，该函数可以调用机器学习模型对输入进行预测并返回输出。</li> <li>然后，我们创建一个带有三个参数 <code>fn</code> 、 <code>inputs</code> 和 <code>outputs</code> 的 Gradio <code>Interface</code> 。这些参数定义了预测函数，以及我们想要的输入和输出组件的类型。在我们的这个例子中，输入和输出组件都是简单的文本框。</li> <li>最后我们调用创建的 <code>Interface</code> 上的 <code>launch()</code> 方法。</li>",de,v,ze='如果你运行这段代码，下面的界面会自动出现在 Jupyter/Colab notebook 中，或者如果在一个脚本中运行，会自动在浏览器中弹出 <strong><a href="http://localhost:7860" rel="nofollow">http://localhost:7860</a></strong> 。',we,m,Fe,fe,B,Ee="现在，试着使用你自己的名字或其他的输入来试一试这个 GUI！",ye,Z,Ne="你会注意到，在这个 GUI 中，在这个例子中，Gradio 会根据输入参数的名称（<code>name</code>）自动推断文本框顶部的标签。如果你想改变这个标签怎么办？或者，如果你想自定义这个文本框的其他属性？在这种情况下，你可以实例化一个表示输入组件的类。",Je,W,De="看看下面的例子：",he,_,Me,c,Ae,be,H,Ke="在上面的代码中，我们创建了一个带有自定义标签、预设的占位符和固定行数的输入文本框。同时，你也可以自定义输出文本框，但我们现在先不管它。",Te,V,Oe="我们已经看到，只需几行代码，Gradio 就能让你围绕任何函数创建一个简单的界面，同时兼容各种类型的输入或输出。在本节中，我们先从一个简单的文本框开始，但在接下来的节中，我们将介绍其他类型的输入和输出。现在让我们看一下如何在 Gradio 应用中包含一些自然语言处理（NLP）模型。",ge,X,je,Q,et="现在让我们构建一个简单的界面，让你可以在这个界面中演示像 GPT-2 这样的<strong>文本生成</strong>模型。",xe,P,tt=`我们将使用 🤗 Transformers 中的 <code>pipeline()</code> 函数加载我们的模型。
如果你需要快速复习，你可以返回到 <a href="/course/chapter1/3#text-generation">第一章</a> 进行回顾。`,$e,R,lt="首先，我们定义一个预测函数，它接收一个文本输入并返回文本生成的结果：",Ue,q,Ge,S,st="此函数会不断接龙补全输入，你可以自己尝试各种输入来查看它是如何运行的。下面是一个示例（你可能会得到不同的输出结果）：",ke,Y,Ie,L,Ce,z,at="现在我们有了一个生成预测的函数，接下来可以像之前一样创建和启动一个 <code>Interface</code> ：",ve,F,Be,E,nt="就是这样！你现在可以在 Interface 创建的 Web 网页上使用 GPT-2 模型生成文本，如下所示 🤯：",Ze,u,pt,We,N,ot="接下来，让我们一起了解一下如何使用 Gradio 构建其他输入输出类型的演示！",_e,D,He,O,Ve;return b=new yt({props:{containerStyle:"float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"}}),T=new rt({props:{title:"构建你的第一个演示",local:"构建你的第一个演示",headingTag:"h1"}}),g=new ht({props:{classNames:"absolute z-10 right-0 top-0",options:[{label:"Google Colab",value:"https://colab.research.google.com/github/huggingface/notebooks/blob/master/course/chapter9/section2.ipynb"},{label:"Aws Studio",value:"https://studiolab.sagemaker.aws/import/github/huggingface/notebooks/blob/master/course/chapter9/section2.ipynb"}]}}),x=new A({props:{code:"cGlwJTIwaW5zdGFsbCUyMGdyYWRpbyUwQQ==",highlighted:`pip install gradio
`,wrap:!1}}),k=new A({props:{code:"aW1wb3J0JTIwZ3JhZGlvJTIwYXMlMjBnciUwQSUwQSUwQWRlZiUyMGdyZWV0KG5hbWUpJTNBJTBBJTIwJTIwJTIwJTIwcmV0dXJuJTIwJTIySGVsbG8lMjAlMjIlMjAlMkIlMjBuYW1lJTBBJTBBJTBBZGVtbyUyMCUzRCUyMGdyLkludGVyZmFjZShmbiUzRGdyZWV0JTJDJTIwaW5wdXRzJTNEJTIydGV4dCUyMiUyQyUyMG91dHB1dHMlM0QlMjJ0ZXh0JTIyKSUwQSUwQWRlbW8ubGF1bmNoKCk=",highlighted:`<span class="hljs-keyword">import</span> gradio <span class="hljs-keyword">as</span> gr


<span class="hljs-keyword">def</span> <span class="hljs-title function_">greet</span>(<span class="hljs-params">name</span>):
    <span class="hljs-keyword">return</span> <span class="hljs-string">&quot;Hello &quot;</span> + name


demo = gr.Interface(fn=greet, inputs=<span class="hljs-string">&quot;text&quot;</span>, outputs=<span class="hljs-string">&quot;text&quot;</span>)

demo.launch()`,wrap:!1}}),_=new A({props:{code:"aW1wb3J0JTIwZ3JhZGlvJTIwYXMlMjBnciUwQSUwQSUwQWRlZiUyMGdyZWV0KG5hbWUpJTNBJTBBJTIwJTIwJTIwJTIwcmV0dXJuJTIwJTIySGVsbG8lMjAlMjIlMjAlMkIlMjBuYW1lJTBBJTBBJTBBJTIzJTIwJUU2JTg4JTkxJUU0JUJCJUFDJUU1JUIwJTg2JUU2JTk2JTg3JUU2JTlDJUFDJUU2JUExJTg2JUU3JUIxJUJCJUU1JUFFJTlFJUU0JUJFJThCJUU1JThDJTk2JTBBdGV4dGJveCUyMCUzRCUyMGdyLlRleHRib3gobGFiZWwlM0QlMjJUeXBlJTIweW91ciUyMG5hbWUlMjBoZXJlJTNBJTIyJTJDJTIwcGxhY2Vob2xkZXIlM0QlMjJKb2huJTIwRG9lJTIyJTJDJTIwbGluZXMlM0QyKSUwQSUwQWdyLkludGVyZmFjZShmbiUzRGdyZWV0JTJDJTIwaW5wdXRzJTNEdGV4dGJveCUyQyUyMG91dHB1dHMlM0QlMjJ0ZXh0JTIyKS5sYXVuY2goKQ==",highlighted:`<span class="hljs-keyword">import</span> gradio <span class="hljs-keyword">as</span> gr


<span class="hljs-keyword">def</span> <span class="hljs-title function_">greet</span>(<span class="hljs-params">name</span>):
    <span class="hljs-keyword">return</span> <span class="hljs-string">&quot;Hello &quot;</span> + name


<span class="hljs-comment"># 我们将文本框类实例化</span>
textbox = gr.Textbox(label=<span class="hljs-string">&quot;Type your name here:&quot;</span>, placeholder=<span class="hljs-string">&quot;John Doe&quot;</span>, lines=<span class="hljs-number">2</span>)

gr.Interface(fn=greet, inputs=textbox, outputs=<span class="hljs-string">&quot;text&quot;</span>).launch()`,wrap:!1}}),X=new rt({props:{title:"🤖 使用模型预测",local:"🤖 使用模型预测",headingTag:"h2"}}),q=new A({props:{code:"ZnJvbSUyMHRyYW5zZm9ybWVycyUyMGltcG9ydCUyMHBpcGVsaW5lJTBBJTBBbW9kZWwlMjAlM0QlMjBwaXBlbGluZSglMjJ0ZXh0LWdlbmVyYXRpb24lMjIpJTBBJTBBJTBBZGVmJTIwcHJlZGljdChwcm9tcHQpJTNBJTBBJTIwJTIwJTIwJTIwY29tcGxldGlvbiUyMCUzRCUyMG1vZGVsKHByb21wdCklNUIwJTVEJTVCJTIyZ2VuZXJhdGVkX3RleHQlMjIlNUQlMEElMjAlMjAlMjAlMjByZXR1cm4lMjBjb21wbGV0aW9u",highlighted:`<span class="hljs-keyword">from</span> transformers <span class="hljs-keyword">import</span> pipeline

model = pipeline(<span class="hljs-string">&quot;text-generation&quot;</span>)


<span class="hljs-keyword">def</span> <span class="hljs-title function_">predict</span>(<span class="hljs-params">prompt</span>):
    completion = model(prompt)[<span class="hljs-number">0</span>][<span class="hljs-string">&quot;generated_text&quot;</span>]
    <span class="hljs-keyword">return</span> completion`,wrap:!1}}),Y=new A({props:{code:"cHJlZGljdCglMjJNeSUyMGZhdm9yaXRlJTIwcHJvZ3JhbW1pbmclMjBsYW5ndWFnZSUyMGlzJTIyKQ==",highlighted:'<span class="hljs-function"><span class="hljs-title">predict</span><span class="hljs-params">(<span class="hljs-string">&quot;My favorite programming language is&quot;</span>)</span></span>',wrap:!1}}),L=new A({props:{code:"JTNFJTNFJTIwTXklMjBmYXZvcml0ZSUyMHByb2dyYW1taW5nJTIwbGFuZ3VhZ2UlMjBpcyUyMEhhc2tlbGwuJTIwSSUyMHJlYWxseSUyMGVuam95ZWQlMjB0aGUlMjBIYXNrZWxsJTIwbGFuZ3VhZ2UlMkMlMjBidXQlMjBpdCUyMGRvZXNuJ3QlMjBoYXZlJTIwYWxsJTIwdGhlJTIwZmVhdHVyZXMlMjB0aGF0JTIwY2FuJTIwYmUlMjBhcHBsaWVkJTIwdG8lMjBhbnklMjBvdGhlciUyMGxhbmd1YWdlLiUyMEZvciUyMGV4YW1wbGUlMkMlMjBhbGwlMjBpdCUyMGRvZXMlMjBpcyUyMGNvbXBpbGUlMjB0byUyMGElMjBieXRlJTIwYXJyYXku",highlighted:'&gt;&gt; My favorite programming language <span class="hljs-keyword">is</span> Haskell. I really enjoyed <span class="hljs-keyword">the</span> Haskell language, <span class="hljs-keyword">but</span> <span class="hljs-keyword">it</span> doesn&#x27;t have all <span class="hljs-keyword">the</span> features <span class="hljs-keyword">that</span> can be applied <span class="hljs-keyword">to</span> any other language. For example, all <span class="hljs-keyword">it</span> <span class="hljs-keyword">does</span> <span class="hljs-keyword">is</span> compile <span class="hljs-keyword">to</span> a byte array.',wrap:!1}}),F=new A({props:{code:"aW1wb3J0JTIwZ3JhZGlvJTIwYXMlMjBnciUwQSUwQWdyLkludGVyZmFjZShmbiUzRHByZWRpY3QlMkMlMjBpbnB1dHMlM0QlMjJ0ZXh0JTIyJTJDJTIwb3V0cHV0cyUzRCUyMnRleHQlMjIpLmxhdW5jaCgp",highlighted:`<span class="hljs-keyword">import</span> gradio <span class="hljs-keyword">as</span> gr

gr.Interface(fn=predict, inputs=<span class="hljs-string">&quot;text&quot;</span>, outputs=<span class="hljs-string">&quot;text&quot;</span>).launch()`,wrap:!1}}),D=new Jt({props:{source:"https://github.com/huggingface/course/blob/main/chapters/zh-CN/chapter9/2.mdx"}}),{c(){M=p("meta"),te=a(),K=p("p"),le=a(),d(b.$$.fragment),se=a(),d(T.$$.fragment),ae=a(),d(g.$$.fragment),ne=a(),j=p("p"),j.textContent=Pe,pe=a(),d(x.$$.fragment),oe=a(),$=p("p"),$.textContent=Re,re=a(),U=p("p"),U.textContent=qe,ie=a(),G=p("p"),G.textContent=Se,me=a(),d(k.$$.fragment),ce=a(),I=p("p"),I.textContent=Ye,ue=a(),C=p("ul"),C.innerHTML=Le,de=a(),v=p("p"),v.innerHTML=ze,we=a(),m=p("iframe"),fe=a(),B=p("p"),B.textContent=Ee,ye=a(),Z=p("p"),Z.innerHTML=Ne,Je=a(),W=p("p"),W.textContent=De,he=a(),d(_.$$.fragment),Me=a(),c=p("iframe"),be=a(),H=p("p"),H.textContent=Ke,Te=a(),V=p("p"),V.textContent=Oe,ge=a(),d(X.$$.fragment),je=a(),Q=p("p"),Q.innerHTML=et,xe=a(),P=p("p"),P.innerHTML=tt,$e=a(),R=p("p"),R.textContent=lt,Ue=a(),d(q.$$.fragment),Ge=a(),S=p("p"),S.textContent=st,ke=a(),d(Y.$$.fragment),Ie=a(),d(L.$$.fragment),Ce=a(),z=p("p"),z.innerHTML=at,ve=a(),d(F.$$.fragment),Be=a(),E=p("p"),E.textContent=nt,Ze=a(),u=p("iframe"),We=a(),N=p("p"),N.textContent=ot,_e=a(),d(D.$$.fragment),He=a(),O=p("p"),this.h()},l(e){const t=wt("svelte-u9bgzb",document.head);M=o(t,"META",{name:!0,content:!0}),t.forEach(l),te=n(e),K=o(e,"P",{}),ee(K).forEach(l),le=n(e),w(b.$$.fragment,e),se=n(e),w(T.$$.fragment,e),ae=n(e),w(g.$$.fragment,e),ne=n(e),j=o(e,"P",{"data-svelte-h":!0}),i(j)!=="svelte-14r1l45"&&(j.textContent=Pe),pe=n(e),w(x.$$.fragment,e),oe=n(e),$=o(e,"P",{"data-svelte-h":!0}),i($)!=="svelte-11u8tjg"&&($.textContent=Re),re=n(e),U=o(e,"P",{"data-svelte-h":!0}),i(U)!=="svelte-m9srgt"&&(U.textContent=qe),ie=n(e),G=o(e,"P",{"data-svelte-h":!0}),i(G)!=="svelte-d8y4tk"&&(G.textContent=Se),me=n(e),w(k.$$.fragment,e),ce=n(e),I=o(e,"P",{"data-svelte-h":!0}),i(I)!=="svelte-804y8a"&&(I.textContent=Ye),ue=n(e),C=o(e,"UL",{"data-svelte-h":!0}),i(C)!=="svelte-1n3kmpd"&&(C.innerHTML=Le),de=n(e),v=o(e,"P",{"data-svelte-h":!0}),i(v)!=="svelte-13ean5n"&&(v.innerHTML=ze),we=n(e),m=o(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),ee(m).forEach(l),fe=n(e),B=o(e,"P",{"data-svelte-h":!0}),i(B)!=="svelte-8eh90z"&&(B.textContent=Ee),ye=n(e),Z=o(e,"P",{"data-svelte-h":!0}),i(Z)!=="svelte-11o2aju"&&(Z.innerHTML=Ne),Je=n(e),W=o(e,"P",{"data-svelte-h":!0}),i(W)!=="svelte-tqqosc"&&(W.textContent=De),he=n(e),w(_.$$.fragment,e),Me=n(e),c=o(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),ee(c).forEach(l),be=n(e),H=o(e,"P",{"data-svelte-h":!0}),i(H)!=="svelte-1mgzc85"&&(H.textContent=Ke),Te=n(e),V=o(e,"P",{"data-svelte-h":!0}),i(V)!=="svelte-1nnnv7h"&&(V.textContent=Oe),ge=n(e),w(X.$$.fragment,e),je=n(e),Q=o(e,"P",{"data-svelte-h":!0}),i(Q)!=="svelte-1wyvxhu"&&(Q.innerHTML=et),xe=n(e),P=o(e,"P",{"data-svelte-h":!0}),i(P)!=="svelte-10jy9dt"&&(P.innerHTML=tt),$e=n(e),R=o(e,"P",{"data-svelte-h":!0}),i(R)!=="svelte-1jk7hhy"&&(R.textContent=lt),Ue=n(e),w(q.$$.fragment,e),Ge=n(e),S=o(e,"P",{"data-svelte-h":!0}),i(S)!=="svelte-1772wow"&&(S.textContent=st),ke=n(e),w(Y.$$.fragment,e),Ie=n(e),w(L.$$.fragment,e),Ce=n(e),z=o(e,"P",{"data-svelte-h":!0}),i(z)!=="svelte-o7thcq"&&(z.innerHTML=at),ve=n(e),w(F.$$.fragment,e),Be=n(e),E=o(e,"P",{"data-svelte-h":!0}),i(E)!=="svelte-avnz2"&&(E.textContent=nt),Ze=n(e),u=o(e,"IFRAME",{src:!0,frameborder:!0,height:!0,title:!0,class:!0,allow:!0,sandbox:!0}),ee(u).forEach(l),We=n(e),N=o(e,"P",{"data-svelte-h":!0}),i(N)!=="svelte-lewjhk"&&(N.textContent=ot),_e=n(e),w(D.$$.fragment,e),He=n(e),O=o(e,"P",{}),ee(O).forEach(l),this.h()},h(){r(M,"name","hf:doc:metadata"),r(M,"content",bt),Xe(m.src,Fe="https://course-demos-hello-world.hf.space")||r(m,"src",Fe),r(m,"frameborder","0"),r(m,"height","250"),r(m,"title","Gradio app"),r(m,"class","container p-0 flex-grow space-iframe"),r(m,"allow","accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"),r(m,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),Xe(c.src,Ae="https://course-demos-hello-world-custom.hf.space")||r(c,"src",Ae),r(c,"frameborder","0"),r(c,"height","300"),r(c,"title","Gradio app"),r(c,"class","container p-0 flex-grow space-iframe"),r(c,"allow","accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"),r(c,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"),Xe(u.src,pt="https://course-demos-gpt-2.hf.space")||r(u,"src",pt),r(u,"frameborder","0"),r(u,"height","300"),r(u,"title","Gradio app"),r(u,"class","container p-0 flex-grow space-iframe"),r(u,"allow","accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"),r(u,"sandbox","allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads")},m(e,t){ft(document.head,M),s(e,te,t),s(e,K,t),s(e,le,t),f(b,e,t),s(e,se,t),f(T,e,t),s(e,ae,t),f(g,e,t),s(e,ne,t),s(e,j,t),s(e,pe,t),f(x,e,t),s(e,oe,t),s(e,$,t),s(e,re,t),s(e,U,t),s(e,ie,t),s(e,G,t),s(e,me,t),f(k,e,t),s(e,ce,t),s(e,I,t),s(e,ue,t),s(e,C,t),s(e,de,t),s(e,v,t),s(e,we,t),s(e,m,t),s(e,fe,t),s(e,B,t),s(e,ye,t),s(e,Z,t),s(e,Je,t),s(e,W,t),s(e,he,t),f(_,e,t),s(e,Me,t),s(e,c,t),s(e,be,t),s(e,H,t),s(e,Te,t),s(e,V,t),s(e,ge,t),f(X,e,t),s(e,je,t),s(e,Q,t),s(e,xe,t),s(e,P,t),s(e,$e,t),s(e,R,t),s(e,Ue,t),f(q,e,t),s(e,Ge,t),s(e,S,t),s(e,ke,t),f(Y,e,t),s(e,Ie,t),f(L,e,t),s(e,Ce,t),s(e,z,t),s(e,ve,t),f(F,e,t),s(e,Be,t),s(e,E,t),s(e,Ze,t),s(e,u,t),s(e,We,t),s(e,N,t),s(e,_e,t),f(D,e,t),s(e,He,t),s(e,O,t),Ve=!0},p:mt,i(e){Ve||(y(b.$$.fragment,e),y(T.$$.fragment,e),y(g.$$.fragment,e),y(x.$$.fragment,e),y(k.$$.fragment,e),y(_.$$.fragment,e),y(X.$$.fragment,e),y(q.$$.fragment,e),y(Y.$$.fragment,e),y(L.$$.fragment,e),y(F.$$.fragment,e),y(D.$$.fragment,e),Ve=!0)},o(e){J(b.$$.fragment,e),J(T.$$.fragment,e),J(g.$$.fragment,e),J(x.$$.fragment,e),J(k.$$.fragment,e),J(_.$$.fragment,e),J(X.$$.fragment,e),J(q.$$.fragment,e),J(Y.$$.fragment,e),J(L.$$.fragment,e),J(F.$$.fragment,e),J(D.$$.fragment,e),Ve=!1},d(e){e&&(l(te),l(K),l(le),l(se),l(ae),l(ne),l(j),l(pe),l(oe),l($),l(re),l(U),l(ie),l(G),l(me),l(ce),l(I),l(ue),l(C),l(de),l(v),l(we),l(m),l(fe),l(B),l(ye),l(Z),l(Je),l(W),l(he),l(Me),l(c),l(be),l(H),l(Te),l(V),l(ge),l(je),l(Q),l(xe),l(P),l($e),l(R),l(Ue),l(Ge),l(S),l(ke),l(Ie),l(Ce),l(z),l(ve),l(Be),l(E),l(Ze),l(u),l(We),l(N),l(_e),l(He),l(O)),l(M),h(b,e),h(T,e),h(g,e),h(x,e),h(k,e),h(_,e),h(X,e),h(q,e),h(Y,e),h(L,e),h(F,e),h(D,e)}}}const bt='{"title":"构建你的第一个演示","local":"构建你的第一个演示","sections":[{"title":"🤖 使用模型预测","local":"🤖 使用模型预测","sections":[],"depth":2}],"depth":1}';function Tt(Qe){return ct(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class Gt extends ut{constructor(M){super(),dt(this,M,Tt,Mt,it,{})}}export{Gt as component};
